| 1 |
export const TransparentIcon = () => ( |
| 2 |
<svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} fill="none"> |
| 3 |
<path fill="#CCC" d="M0 2a2 2 0 0 1 2-2h2v4H0V2Z" /> |
| 4 |
<path fill="#8C8F94" d="M4 0h4v4H4z" /> |
| 5 |
<path fill="#CCC" d="M8 0h4v4H8z" /> |
| 6 |
<path fill="#8C8F94" d="M12 0h2a2 2 0 0 1 2 2v2h-4V0ZM0 4h4v4H0z" /> |
| 7 |
<path fill="#CCC" d="M4 4h4v4H4z" /> |
| 8 |
<path fill="#8C8F94" d="M8 4h4v4H8z" /> |
| 9 |
<path fill="#CCC" d="M12 4h4v4h-4zM0 8h4v4H0z" /> |
| 10 |
<path fill="#8C8F94" d="M4 8h4v4H4z" /> |
| 11 |
<path fill="#CCC" d="M8 8h4v4H8z" /> |
| 12 |
<path fill="#8C8F94" d="M12 8h4v4h-4zM0 12h4v4H2a2 2 0 0 1-2-2v-2Z" /> |
| 13 |
<path fill="#CCC" d="M4 12h4v4H4z" /> |
| 14 |
<path fill="#8C8F94" d="M8 12h4v4H8z" /> |
| 15 |
<path fill="#CCC" d="M12 12h4v2a2 2 0 0 1-2 2h-2v-4Z" /> |
| 16 |
</svg> |
| 17 |
); |
| 18 |
|
| 19 |
export const BgIcon = () => ( |
| 20 |
<svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} fill="none"> |
| 21 |
<rect width={16} height={16} x={4} y={4} fill="#8C8F94" rx={2} /> |
| 22 |
</svg> |
| 23 |
); |
| 24 |
|
| 25 |
export const GradientIcon = () => ( |
| 26 |
<svg |
| 27 |
xmlns="http://www.w3.org/2000/svg" |
| 28 |
xmlSpace="preserve" |
| 29 |
width={17} |
| 30 |
height={17} |
| 31 |
style={{ |
| 32 |
enableBackground: "new 0 0 17 16", |
| 33 |
}} |
| 34 |
viewBox="0 0 17 16" |
| 35 |
> |
| 36 |
<path |
| 37 |
d="M16.9 14V2c0-1.1-.9-2-2-2h-12c-.5 0-1 .2-1.4.6l14.8 14.8c.4-.4.6-.9.6-1.4z" |
| 38 |
style={{ |
| 39 |
fill: "#ccc", |
| 40 |
}} |
| 41 |
/> |
| 42 |
<path |
| 43 |
d="M1.5.6C1.2.9.9 1.4.9 2v12c0 1.1.9 2 2 2h12c.6 0 1.1-.2 1.4-.6L1.5.6z" |
| 44 |
style={{ |
| 45 |
fill: "#8c8f94", |
| 46 |
}} |
| 47 |
/> |
| 48 |
</svg> |
| 49 |
); |
| 50 |
|
| 51 |
export const Image = () => ( |
| 52 |
<svg |
| 53 |
xmlns="http://www.w3.org/2000/svg" |
| 54 |
xmlSpace="preserve" |
| 55 |
id="Layer_1" |
| 56 |
x={0} |
| 57 |
y={0} |
| 58 |
width={16} |
| 59 |
height={16} |
| 60 |
style={{ |
| 61 |
enableBackground: "new 0 0 16 16", |
| 62 |
}} |
| 63 |
viewBox="0 0 16 16" |
| 64 |
> |
| 65 |
<style>{".st0{fill:#8c8f94}"}</style> |
| 66 |
<path |
| 67 |
d="M14 0H2C.9 0 0 .9 0 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V2c0-1.1-.9-2-2-2zM2 1.3h12c.4 0 .7.3.7.7v11.4l-2.3-2.9c-.2-.3-.6-.3-.8 0l-.9 1.2-3.3-3.3c-.2-.2-.5-.2-.7 0l-5.3 5.3V2c-.1-.4.2-.7.6-.7z" |
| 68 |
className="st0" |
| 69 |
/> |
| 70 |
<circle cx={11} cy={5} r={2} className="st0" /> |
| 71 |
</svg> |
| 72 |
); |
| 73 |
|
| 74 |
export const Video = () => ( |
| 75 |
<svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} fill="none"> |
| 76 |
<path |
| 77 |
fill="#8C8F94" |
| 78 |
d="M13.956 0H2.044A2.012 2.012 0 0 0 0 2.044v11.912C0 15.11.889 16 2.044 16h11.912A2.012 2.012 0 0 0 16 13.956V2.044A2.012 2.012 0 0 0 13.956 0Zm.71 13.956c0 .355-.355.71-.71.71H2.044c-.355 0-.71-.355-.71-.71V2.044c0-.355.355-.71.71-.71h11.912c.355 0 .71.355.71.71v11.912Zm-8.444-3.29L10.667 8 6.222 5.333v5.334Z" |
| 79 |
/> |
| 80 |
</svg> |
| 81 |
); |
| 82 |
|
