You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
carbon/components/svg/Controls.js

34 lines
1.4 KiB
JavaScript

import React from 'react'
export const Controls = () => (
<svg xmlns="http://www.w3.org/2000/svg" width="54" height="14" viewBox="0 0 54 14">
<g fill="none" fillRule="evenodd" transform="translate(1 1)">
<circle cx="6" cy="6" r="6" fill="#FF5F56" stroke="#E0443E" strokeWidth=".5" />
<circle cx="26" cy="6" r="6" fill="#FFBD2E" stroke="#DEA123" strokeWidth=".5" />
<circle cx="46" cy="6" r="6" fill="#27C93F" stroke="#1AAB29" strokeWidth=".5" />
</g>
</svg>
)
export const ControlsBW = () => (
<svg xmlns="http://www.w3.org/2000/svg" width="54" height="14" viewBox="0 0 54 14">
<g fill="none" fillRule="evenodd" stroke="#878787" transform="translate(1 1)">
<circle cx="6" cy="6" r="6" />
<circle cx="26" cy="6" r="6" />
<circle cx="46" cy="6" r="6" />
</g>
</svg>
)
export const ControlsBoxy = () => (
<svg width="58" height="14" viewBox="0 0 58 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 7H11" stroke="#878787" strokeLinecap="round" strokeLinejoin="round" />
<path
d="M35 1H25C24.4477 1 24 1.44772 24 2V12C24 12.5523 24.4477 13 25 13H35C35.5523 13 36 12.5523 36 12V2C36 1.44772 35.5523 1 35 1Z"
stroke="#878787"
/>
<path d="M47 2L57 12" stroke="#878787" strokeLinecap="round" strokeLinejoin="round" />
<path d="M47 12L57 2" stroke="#878787" strokeLinecap="round" strokeLinejoin="round" />
</svg>
)