Skip to content

feat(plasma-icons): Add icons for 36 dp from G to O #1171

Open
wants to merge 2 commits into
base: master
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions examples/demo-canvas-app/pages/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -12,6 +12,7 @@ const menu = [
{ href: '/test/components/tabs/', title: 'Tabs' },
{ href: '/test/components/text-field/', title: 'TextField' },
{ href: '/test/components/toast/', title: 'Toast' },
{ href: '/test/components/icons/', title: 'Icons' },
];

const StyledCard = styled.a`
Expand Down
31 changes: 31 additions & 0 deletions examples/demo-canvas-app/pages/test/components/icons.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,31 @@
import { iconSet16, iconSet24, iconSet36, IconRootScalable } from '@sberdevices/plasma-icons';
import { IconSetUnionSize } from '@sberdevices/plasma-icons/scalable/IconRoot';
import { ParagraphText1 } from '@sberdevices/plasma-ui';

export default function IconsPage() {
const iconSets = {
...iconSet16,
...iconSet24,
...iconSet36,
};

return (
<>
{Object.keys(iconSets).map((iconName) => (
<div key={iconName} style={{ display: 'flex', alignItems: 'center' }}>
<IconRootScalable size="s" iconName={iconName as IconSetUnionSize} color="inherit" />
<ParagraphText1> - {iconName}</ParagraphText1>
</div>
))}
</>
);
}

export function getStaticProps() {
return {
props: {
title: 'Icons',
back: true,
},
};
}
5 changes: 5 additions & 0 deletions packages/plasma-icons/src/index.ts
Original file line number Diff line number Diff line change
Expand Up @@ -170,3 +170,8 @@ export type { IconProps, IconSize } from './IconRoot';

export { Icon, iconSectionsSet } from './Icon';
export type { IconName } from './Icon';

export { iconSet16 } from './scalable/Icon.assets.16';
export { iconSet24 } from './scalable/Icon.assets.24';
export { iconSet36 } from './scalable/Icon.assets.36';
export { IconRoot as IconRootScalable } from './scalable';
Original file line number Diff line number Diff line change
@@ -0,0 +1,27 @@
import React from 'react';

import { IconProps } from '../IconRoot';

export const DeviceOldOutline: React.FC<IconProps> = (props) => (
<svg width="100%" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M5 9H31L31 27H5.00001L5 9ZM3 9C3 7.89543 3.89543 7 5 7H31C32.1046 7 33 7.89543 33 9L33 27C33 28.1046 32.1046 29 31 29H5.00001C3.89545 29 3.00002 28.1046 3.00002 27L3 9ZM15.12 21.42C14.72 21.7 14.17 21.67 13.82 21.32C13.39 20.89 13.42 20.17 13.91 19.82C15.06 18.99 16.47 18.5 18 18.5C19.53 18.5 20.94 18.99 22.09 19.82C22.57 20.18 22.61 20.89 22.18 21.32C21.83 21.67 21.28 21.69 20.88 21.41C20.07 20.84 19.07 20.5 18 20.5C16.93 20.5 15.93 20.84 15.12 21.42ZM11.05 16.97C12.94 15.43 15.36 14.5 18 14.5C20.64 14.5 23.06 15.43 24.94 16.98C25.4 17.36 25.44 18.05 25.02 18.47C24.66 18.83 24.09 18.86 23.7 18.54C22.16 17.27 20.17 16.5 18 16.5C15.83 16.5 13.84 17.27 12.29 18.53C11.9 18.85 11.33 18.82 10.97 18.46C10.55 18.04 10.59 17.35 11.05 16.97Z"
fill="currentColor"
/>
<defs>
<linearGradient
id="paint0Linear2233267"
x1="2.45494"
y1="74.1726"
x2="33.2807"
y2="21.5238"
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#20DA03" />
<stop offset="1" stopColor="#11DDFF" />
</linearGradient>
</defs>
</svg>
);
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
import React from 'react';

import { IconProps } from '../IconRoot';

export const DisplayOutline: React.FC<IconProps> = (props) => (
<svg width="100%" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M6 9.2H30C30.9941 9.2 31.8 10.0059 31.8 11V22.7143C31.8 23.7084 30.9941 24.5143 30 24.5143H6C5.00589 24.5143 4.2 23.7084 4.2 22.7143V11C4.2 10.0059 5.00589 9.2 6 9.2ZM2 11C2 8.79086 3.79086 7 6 7H30C32.2091 7 34 8.79086 34 11V22.7143C34 24.9234 32.2091 26.7143 30 26.7143H25.9797C25.9931 26.8076 26 26.903 26 27C26 28.1046 25.1046 29 24 29H12C10.8954 29 10 28.1046 10 27C10 26.903 10.0069 26.8076 10.0203 26.7143H6C3.79086 26.7143 2 24.9234 2 22.7143V11Z"
fill="currentColor"
/>
</svg>
);
14 changes: 14 additions & 0 deletions packages/plasma-icons/src/scalable/Icon.assets.36/GamepadFill.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
import React from 'react';

import { IconProps } from '../IconRoot';

export const GamepadFill: React.FC<IconProps> = (props) => (
<svg width="100%" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M31.7601 21.3688L28.5701 12.8688V12.8088L28.0001 11.3788C27.7085 10.5677 27.1856 9.85974 26.496 9.34256C25.8064 8.82538 24.9804 8.52162 24.1201 8.46884L10.5001 7.39884C9.40592 7.31849 8.32 7.63973 7.44566 8.30239C6.57131 8.96506 5.96848 9.92371 5.75007 10.9988L5.60007 12.1688L4.16007 24.3288C4.10322 24.8594 4.15153 25.396 4.30224 25.908C4.45295 26.4199 4.7031 26.8971 5.03839 27.3122C5.37367 27.7274 5.78751 28.0724 6.25624 28.3275C6.72497 28.5825 7.23938 28.7427 7.77007 28.7988C8.86584 28.9401 9.97452 28.6621 10.8739 28.0204C11.7734 27.3788 12.3971 26.4209 12.6201 25.3388L13.4301 21.2488C13.4696 21.0631 13.5695 20.8956 13.7143 20.7726C13.859 20.6496 14.0403 20.5779 14.2301 20.5688L21.8301 20.2888C22.2124 20.271 22.5919 20.3633 22.9234 20.5548C23.2548 20.7462 23.5244 21.0287 23.7001 21.3688L25.2301 24.2188C25.6992 24.996 26.431 25.5795 27.2931 25.8638C28.1553 26.1482 29.0907 26.1145 29.9301 25.7688C30.7441 25.4136 31.3892 24.7572 31.7303 23.937C32.0714 23.1169 32.0821 22.1966 31.7601 21.3688ZM23.1301 10.7888C23.4165 10.8009 23.6916 10.9046 23.9148 11.0846C24.138 11.2646 24.2976 11.5114 24.3701 11.7888C24.4115 11.9054 24.4235 12.0305 24.4049 12.1529C24.3863 12.2752 24.3377 12.3911 24.2634 12.4901C24.1891 12.5891 24.0915 12.6682 23.9793 12.7203C23.867 12.7725 23.7436 12.796 23.6201 12.7888C23.3322 12.7816 23.0547 12.6797 22.8306 12.499C22.6065 12.3182 22.4481 12.0686 22.3801 11.7888C22.3386 11.6722 22.3266 11.5472 22.3453 11.4248C22.3639 11.3024 22.4125 11.1866 22.4867 11.0876C22.561 10.9886 22.6586 10.9095 22.7708 10.8573C22.8831 10.8052 23.0065 10.7817 23.1301 10.7888ZM11.8601 14.2288L10.8601 14.4888C10.7679 14.5091 10.6725 14.5102 10.5799 14.4921C10.4873 14.474 10.3994 14.4371 10.3216 14.3837C10.2438 14.3302 10.1778 14.2614 10.1276 14.1815C10.0775 14.1015 10.0443 14.0121 10.0301 13.9188L9.90007 12.6488C9.89309 12.5599 9.90911 12.4707 9.94658 12.3897C9.98404 12.3088 10.0417 12.2388 10.114 12.1866C10.1863 12.1344 10.2709 12.1016 10.3595 12.0915C10.4481 12.0814 10.5378 12.0943 10.6201 12.1288L11.7301 12.4388C11.858 12.4751 11.9729 12.547 12.0615 12.6461C12.15 12.7453 12.2085 12.8676 12.2301 12.9988L12.3001 13.6988C12.307 13.7627 12.3009 13.8273 12.2824 13.8888C12.2639 13.9503 12.2332 14.0075 12.1921 14.0569C12.1511 14.1063 12.1006 14.147 12.0435 14.1765C11.9865 14.2061 11.9241 14.2239 11.8601 14.2288ZM12.1701 11.9288L11.7501 10.9288C11.7147 10.8472 11.7013 10.7577 11.7113 10.6693C11.7212 10.5809 11.7541 10.4966 11.8066 10.4248C11.8592 10.3531 11.9296 10.2963 12.0109 10.2601C12.0922 10.224 12.1816 10.2098 12.2701 10.2188H13.6401C13.7334 10.2197 13.8256 10.2401 13.9106 10.2787C13.9956 10.3173 14.0716 10.3732 14.1338 10.4428C14.1959 10.5125 14.2428 10.5944 14.2714 10.6833C14.3001 10.7721 14.3098 10.866 14.3001 10.9588L14.1001 11.9588C14.0717 12.0804 14.0005 12.1878 13.8995 12.2612C13.7985 12.3347 13.6745 12.3693 13.5501 12.3588H12.8001C12.6647 12.3558 12.5332 12.3135 12.4214 12.2372C12.3095 12.1609 12.2222 12.0538 12.1701 11.9288ZM14.4001 16.4888H13.0301C12.9368 16.4892 12.8445 16.4701 12.759 16.4327C12.6735 16.3954 12.5968 16.3406 12.5338 16.2719C12.4707 16.2032 12.4227 16.122 12.3928 16.0337C12.3628 15.9453 12.3517 15.8517 12.3601 15.7588L12.5701 14.7588C12.6 14.64 12.6701 14.5352 12.7686 14.4623C12.867 14.3894 12.9877 14.3528 13.1101 14.3588H13.8701C14.0045 14.3655 14.1345 14.4091 14.2457 14.485C14.3569 14.5609 14.4449 14.666 14.5001 14.7888L14.9101 15.7888C14.9457 15.8691 14.9595 15.9573 14.9502 16.0445C14.941 16.1318 14.9089 16.2151 14.8572 16.2861C14.8055 16.357 14.736 16.4131 14.6558 16.4487C14.5755 16.4843 14.4873 16.4981 14.4001 16.4888ZM16.1301 14.5688L15.0001 14.2588C14.871 14.2249 14.7547 14.1537 14.6658 14.0541C14.5769 13.9545 14.5192 13.831 14.5001 13.6988L14.4301 12.9988C14.415 12.8789 14.4458 12.7577 14.5162 12.6594C14.5867 12.5611 14.6916 12.4931 14.8101 12.4688L15.8701 12.2088C15.9622 12.1886 16.0576 12.1875 16.1502 12.2056C16.2428 12.2237 16.3308 12.2606 16.4086 12.314C16.4864 12.3674 16.5524 12.4363 16.6025 12.5162C16.6526 12.5962 16.6858 12.6855 16.7001 12.7788L16.8301 14.0488C16.8355 14.1353 16.8192 14.2217 16.7827 14.3003C16.7463 14.3789 16.6907 14.4471 16.6212 14.4988C16.5516 14.5504 16.4703 14.5839 16.3845 14.5961C16.2987 14.6084 16.2113 14.599 16.1301 14.5688ZM22.1301 14.6988C21.8436 14.6868 21.5685 14.5831 21.3453 14.4031C21.1221 14.2231 20.9626 13.9763 20.8901 13.6988C20.8486 13.5822 20.8366 13.4572 20.8553 13.3348C20.8739 13.2124 20.9225 13.0966 20.9967 12.9976C21.071 12.8986 21.1686 12.8195 21.2808 12.7673C21.3931 12.7152 21.5165 12.6917 21.6401 12.6988C21.9261 12.7125 22.2004 12.8167 22.4233 12.9964C22.6462 13.1762 22.8062 13.4222 22.8801 13.6988C22.9211 13.8146 22.9331 13.9387 22.915 14.0602C22.8969 14.1817 22.8492 14.2969 22.7761 14.3957C22.703 14.4945 22.6068 14.5737 22.4959 14.6266C22.385 14.6795 22.2628 14.7043 22.1401 14.6988H22.1301ZM24.5901 16.5988C24.3036 16.5868 24.0285 16.4831 23.8053 16.3031C23.5821 16.1231 23.4226 15.8763 23.3501 15.5988C23.3086 15.4822 23.2966 15.3572 23.3153 15.2348C23.3339 15.1124 23.3825 14.9966 23.4567 14.8976C23.531 14.7986 23.6286 14.7195 23.7408 14.6673C23.8531 14.6152 23.9765 14.5917 24.1001 14.5988C24.3879 14.6061 24.6654 14.7079 24.8895 14.8887C25.1137 15.0695 25.272 15.319 25.3401 15.5988C25.3811 15.7146 25.3931 15.8387 25.375 15.9602C25.3569 16.0817 25.3092 16.1969 25.2361 16.2957C25.163 16.3945 25.0668 16.4738 24.9559 16.5266C24.845 16.5795 24.7228 16.6043 24.6001 16.5988H24.5901ZM26.0701 14.5988C25.7827 14.59 25.506 14.4875 25.2822 14.307C25.0584 14.1265 24.8996 13.8778 24.8301 13.5988C24.7886 13.4822 24.7766 13.3572 24.7953 13.2348C24.8139 13.1124 24.8625 12.9966 24.9367 12.8976C25.011 12.7986 25.1086 12.7195 25.2208 12.6673C25.3331 12.6152 25.4565 12.5917 25.5801 12.5988C25.8665 12.6109 26.1416 12.7146 26.3648 12.8946C26.588 13.0746 26.7476 13.3214 26.8201 13.5988C26.8698 13.7167 26.8886 13.8453 26.8746 13.9724C26.8606 14.0996 26.8143 14.221 26.7402 14.3253C26.666 14.4295 26.5664 14.513 26.4509 14.5679C26.3354 14.6228 26.2077 14.6472 26.0801 14.6388L26.0701 14.5988Z"
fill="currentColor"
/>
</svg>
);
Original file line number Diff line number Diff line change
@@ -0,0 +1,32 @@
import React from 'react';

import { IconProps } from '../IconRoot';

export const GamepadOutline: React.FC<IconProps> = (props) => (
<svg width="100%" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
<path
d="M32.7099 21.1503L28.9999 11.2603C28.6284 10.2431 27.9695 9.3557 27.1032 8.70596C26.2368 8.05622 25.2004 7.6721 24.1199 7.60027L10.6399 6.54027C9.24854 6.44659 7.87087 6.86443 6.76594 7.71523C5.66101 8.56602 4.90495 9.79116 4.63992 11.1603L3.07992 24.3503C2.99878 25.0305 3.05523 25.7201 3.24591 26.378C3.4366 27.036 3.75763 27.6489 4.18992 28.1803C5.06241 29.258 6.3225 29.9509 7.69992 30.1103C7.91967 30.1252 8.14018 30.1252 8.35992 30.1103C9.63968 30.1144 10.8817 29.677 11.8764 28.8718C12.8711 28.0666 13.5575 26.9428 13.8199 25.6903L14.5699 22.0003L21.7999 21.7403C21.9526 21.735 22.1037 21.7724 22.2362 21.8484C22.3687 21.9244 22.4774 22.0359 22.5499 22.1703L24.0599 24.9803C24.6783 25.9869 25.6333 26.7421 26.7553 27.1118C27.8774 27.4816 29.0942 27.4421 30.1899 27.0003C31.2837 26.5388 32.1566 25.6723 32.6263 24.582C33.0959 23.4917 33.1259 22.2621 32.7099 21.1503ZM29.3699 24.7903C28.8063 25.0314 28.1751 25.0632 27.5901 24.8798C27.0051 24.6965 26.505 24.31 26.1799 23.7903L24.6599 21.0003C24.3721 20.476 23.9455 20.041 23.427 19.7429C22.9084 19.4448 22.3179 19.2952 21.7199 19.3103L14.1899 19.5803C13.7301 19.5912 13.2881 19.7602 12.9384 20.059C12.5887 20.3577 12.3526 20.7678 12.2699 21.2203L11.4699 25.2703C11.2974 26.0364 10.8474 26.7116 10.2068 27.1658C9.56608 27.62 8.78 27.8211 7.99992 27.7303C7.24617 27.6409 6.55719 27.2605 6.07992 26.6703C5.85293 26.3932 5.68377 26.0735 5.58243 25.73C5.4811 25.3865 5.44964 25.0261 5.48992 24.6703L6.99992 11.5403C7.15 10.8027 7.55069 10.1397 8.13398 9.664C8.71727 9.18826 9.44722 8.92901 10.1999 8.93027H10.4299L23.9999 10.0003C24.6202 10.0451 25.2144 10.268 25.7111 10.6423C26.2078 11.0166 26.5859 11.5263 26.7999 12.1103L30.4599 22.0003C30.6593 22.5174 30.6581 23.0905 30.4564 23.6068C30.2547 24.1231 29.8671 24.5452 29.3699 24.7903Z"
fill="currentColor"
/>
<path
d="M19.9199 13.7192C19.8057 13.7152 19.6922 13.7387 19.5891 13.7879C19.486 13.8371 19.3963 13.9105 19.3275 14.0018C19.2588 14.0931 19.2132 14.1996 19.1944 14.3123C19.1757 14.425 19.1844 14.5406 19.2199 14.6492C19.2941 14.904 19.4475 15.1285 19.6579 15.2903C19.8682 15.4521 20.1246 15.5428 20.3899 15.5492C20.5041 15.5532 20.6176 15.5297 20.7207 15.4805C20.8238 15.4313 20.9135 15.3579 20.9823 15.2666C21.051 15.1753 21.0966 15.0688 21.1154 14.9561C21.1341 14.8434 21.1254 14.7278 21.0899 14.6192C21.0143 14.3652 20.8605 14.1415 20.6505 13.9799C20.4404 13.8183 20.1848 13.7271 19.9199 13.7192Z"
fill="currentColor"
/>
<path
d="M24.1399 13.8292C24.025 13.8228 23.9102 13.8448 23.8058 13.8932C23.7014 13.9417 23.6106 14.0152 23.5414 14.1072C23.4721 14.1991 23.4267 14.3067 23.409 14.4205C23.3913 14.5342 23.4019 14.6506 23.4399 14.7592C23.5149 15.0116 23.6672 15.2342 23.8753 15.3956C24.0833 15.5571 24.3367 15.6492 24.5999 15.6592C24.7149 15.6649 24.8296 15.6426 24.934 15.5941C25.0385 15.5456 25.1296 15.4725 25.1995 15.3809C25.2693 15.2894 25.3159 15.1823 25.3351 15.0687C25.3544 14.9552 25.3457 14.8387 25.3099 14.7292C25.2357 14.4744 25.0823 14.2499 24.8719 14.0881C24.6616 13.9263 24.4052 13.8356 24.1399 13.8292Z"
fill="currentColor"
/>
<path
d="M22.36 15.7001C22.2463 15.6943 22.1328 15.7163 22.0295 15.7643C21.9262 15.8123 21.8362 15.8847 21.7672 15.9754C21.6982 16.066 21.6524 16.1721 21.6337 16.2845C21.6151 16.3968 21.6241 16.5121 21.66 16.6201C21.7329 16.8757 21.8859 17.1012 22.0965 17.2632C22.3072 17.4252 22.5643 17.5153 22.83 17.5201C22.9438 17.526 23.0573 17.5039 23.1606 17.456C23.2639 17.408 23.3539 17.3356 23.4229 17.2449C23.4919 17.1543 23.5377 17.0482 23.5563 16.9358C23.575 16.8234 23.566 16.7082 23.53 16.6001C23.4572 16.3445 23.3042 16.1191 23.0935 15.9571C22.8829 15.795 22.6258 15.705 22.36 15.7001Z"
fill="currentColor"
/>
<path
d="M22.8499 12.6822C22.7756 12.4274 22.6222 12.2028 22.4119 12.041C22.2016 11.8792 21.9452 11.7886 21.6799 11.7822C21.5661 11.7763 21.4527 11.7984 21.3493 11.8463C21.246 11.8943 21.156 11.9667 21.087 12.0574C21.018 12.148 20.9722 12.2541 20.9536 12.3665C20.9349 12.4789 20.9439 12.5941 20.9799 12.7022C21.0522 12.9562 21.2037 13.1804 21.4123 13.3423C21.621 13.5042 21.8759 13.5952 22.1399 13.6022C22.2537 13.6073 22.3672 13.5849 22.4706 13.537C22.574 13.489 22.6643 13.4169 22.7339 13.3267C22.8036 13.2364 22.8505 13.1308 22.8706 13.0186C22.8908 12.9064 22.8837 12.791 22.8499 12.6822Z"
fill="currentColor"
/>
<path
d="M13.3099 11.5391H11.8099V13.7491H9.59985V15.2491H11.8099V17.4591H13.3099V15.2491H15.5299V13.7491H13.3099V11.5391Z"
fill="currentColor"
/>
</svg>
);
12 changes: 12 additions & 0 deletions packages/plasma-icons/src/scalable/Icon.assets.36/GeoFill.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
import React from 'react';

import { IconProps } from '../IconRoot';

export const GeoFill: React.FC<IconProps> = (props) => (
<svg width="100%" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
<path
d="M28.15 6.77894L6.80003 14.2289C6.51999 14.3282 6.27573 14.5083 6.09822 14.7466C5.9207 14.9848 5.81793 15.2704 5.80294 15.5671C5.78794 15.8638 5.86139 16.1583 6.01398 16.4132C6.16657 16.6681 6.39142 16.872 6.66002 16.9989L15.15 20.9989C15.4713 21.1409 15.7281 21.3976 15.87 21.7189L19.87 30.2089C19.9946 30.481 20.1977 30.7096 20.4532 30.8653C20.7088 31.0211 21.005 31.0968 21.3039 31.0828C21.6028 31.0689 21.8907 30.9658 22.1306 30.7869C22.3705 30.608 22.5514 30.3615 22.65 30.0789L30.07 8.68894C30.164 8.42158 30.1804 8.13307 30.1171 7.85681C30.0539 7.58055 29.9137 7.32785 29.7128 7.12798C29.5119 6.92811 29.2585 6.78925 28.9819 6.72747C28.7053 6.6657 28.4169 6.68355 28.15 6.77894Z"
fill="currentColor"
/>
</svg>
);
12 changes: 12 additions & 0 deletions packages/plasma-icons/src/scalable/Icon.assets.36/GeoOutline.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
import React from 'react';

import { IconProps } from '../IconRoot';

export const GeoOutline: React.FC<IconProps> = (props) => (
<svg width="100%" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
<path
d="M20.73 30.5203C20.22 30.5231 19.7195 30.382 19.2861 30.1131C18.8527 29.8442 18.504 29.4585 18.28 29.0003L14.93 21.8003C14.9032 21.7349 14.8534 21.6815 14.79 21.6503L7.59003 18.3003C7.10204 18.074 6.69277 17.7071 6.41469 17.2467C6.1366 16.7862 6.00239 16.2532 6.02925 15.716C6.05611 15.1788 6.24282 14.6618 6.56545 14.2314C6.88807 13.801 7.3319 13.4768 7.84003 13.3003L26.29 6.82028C26.7684 6.65208 27.2845 6.62251 27.7789 6.73496C28.2733 6.84741 28.7259 7.09731 29.0845 7.45585C29.443 7.81439 29.6929 8.26696 29.8053 8.76138C29.9178 9.2558 29.8882 9.77194 29.72 10.2503L23.28 28.7103C23.1057 29.2177 22.7825 29.6609 22.3526 29.9819C21.9227 30.303 21.4061 30.4871 20.87 30.5103L20.73 30.5203ZM27.18 9.06028H27.08L8.63003 15.5203C8.57343 15.542 8.52476 15.5805 8.49044 15.6304C8.45611 15.6804 8.43773 15.7396 8.43773 15.8003C8.43773 15.8609 8.45611 15.9201 8.49044 15.9701C8.52476 16.0201 8.57343 16.0585 8.63003 16.0803L15.83 19.4303C16.406 19.7009 16.8694 20.1643 17.14 20.7403L20.49 27.9403C20.5165 27.9946 20.5577 28.0403 20.609 28.0722C20.6603 28.104 20.7196 28.1207 20.78 28.1203C20.8402 28.1179 20.898 28.0961 20.9448 28.0583C20.9916 28.0205 21.025 27.9686 21.04 27.9103L27.46 9.46028C27.4798 9.4074 27.4837 9.3499 27.4713 9.29483C27.4588 9.23977 27.4306 9.18953 27.39 9.15027C27.3335 9.09546 27.2587 9.06341 27.18 9.06028Z"
fill="currentColor"
/>
</svg>
);
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
import React from 'react';

import { IconProps } from '../IconRoot';

export const GlassesOutline: React.FC<IconProps> = (props) => (
<svg width="100%" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M13 12C14.4806 12 15.7732 12.8043 16.4648 13.9998H19.5352C20.2268 12.8043 21.5194 12 23 12H29C30.4806 12 31.7732 12.8043 32.4648 13.9998L34 14C34.5523 14 35 14.4477 35 15C35 15.5128 34.614 15.9355 34.1166 15.9933L34 16H33V20C33 22.7613 30.7613 25 28 25H24C21.2387 25 19 22.7613 19 20V16H17V20C17 22.7613 14.7613 25 12 25H8C5.23872 25 3 22.7613 3 20V16H2C1.44772 16 1 15.5523 1 15C1 14.4872 1.38604 14.0645 1.88338 14.0067L2 14L3.53517 13.9998C4.22677 12.8043 5.51939 12 7 12H13ZM13 14H7C5.89528 14 5 14.8953 5 16V20C5 21.6567 6.34328 23 8 23H12C13.6567 23 15 21.6567 15 20V16C15 14.8953 14.1047 14 13 14ZM29 14H23C21.8953 14 21 14.8953 21 16V20C21 21.6567 22.3433 23 24 23H28C29.6567 23 31 21.6567 31 20V16C31 14.8953 30.1047 14 29 14ZM10.866 14.9998C11.4183 14.9998 11.866 15.4475 11.866 15.9998C11.866 16.5126 11.48 16.9353 10.9826 16.9931L10.866 16.9998L8 16.999V19.1118C8 19.6246 7.61396 20.0473 7.11662 20.1051L7 20.1118C6.48716 20.1118 6.06449 19.7258 6.00673 19.2284L6 19.1118V15.9998C6 15.487 6.38604 15.0643 6.88338 15.0065L7 14.9998H10.866ZM26.866 14.9998C27.4183 14.9998 27.866 15.4475 27.866 15.9998C27.866 16.5126 27.48 16.9353 26.9826 16.9931L26.866 16.9998L24 16.999V19.1118C24 19.6246 23.614 20.0473 23.1166 20.1051L23 20.1118C22.4872 20.1118 22.0645 19.7258 22.0067 19.2284L22 19.1118V15.9998C22 15.487 22.386 15.0643 22.8834 15.0065L23 14.9998H26.866Z"
fill="currentColor"
/>
</svg>
);
Loading