Skip to content

feat(plasma-icons): Add icons for 16 dp #1162

Open
wants to merge 2 commits into
base: master
Choose a base branch
from
Open

feat(plasma-icons): Add icons for 16 dp #1162

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
b547e96
feat(plasma-icons): Add icons for `16 dp`
neretin-trike Mar 28, 2022
802dcb3
feat(demo-canvas-app): Add scalable icons demo
neretin-trike Mar 30, 2022
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
View file
Open in desktop
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
View file
Open in desktop
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
View file
Open in desktop
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';
14 changes: 14 additions & 0 deletions packages/plasma-icons/src/scalable/Icon.assets.16/Add.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
import React from 'react';

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

export const Add: React.FC<IconProps> = (props) => (
<svg width="100%" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
<path
fillRule="evenodd"
clipRule="evenodd"
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

clipRule можно убрать

d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM9 4C9 3.44772 8.55228 3 8 3C7.44772 3 7 3.44772 7 4V7H4C3.44772 7 3 7.44772 3 8C3 8.55228 3.44772 9 4 9H7V12C7 12.5523 7.44772 13 8 13C8.55228 13 9 12.5523 9 12V9H12C12.5523 9 13 8.55228 13 8C13 7.44772 12.5523 7 12 7H9V4Z"
fill="currentColor"
/>
</svg>
);
14 changes: 14 additions & 0 deletions packages/plasma-icons/src/scalable/Icon.assets.16/Alpha.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
import React from 'react';

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

export const Alpha: React.FC<IconProps> = (props) => (
<svg width="100%" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
<path
fillRule="evenodd"
clipRule="evenodd"
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

можно убрать и fillRule и clipRule

d="M8.35746 0.000213623C9.49464 0.000213623 9.85064 0.81196 10.15 1.62413C10.2771 1.96808 13.6433 11.1728 13.6433 11.1728H11.3273C11.3273 11.1728 10.6192 9.2199 10.5463 9.02408H6.17241C6.10071 9.22116 5.3873 11.1728 5.3873 11.1728H3.07102C3.07102 11.1728 6.41268 2.03712 6.56112 1.62413C6.8517 0.824513 7.22154 0.000213623 8.35746 0.000213623ZM8.34853 2.63336L6.86919 7.06454H9.85052L8.36614 2.63336H8.34853ZM13.7151 15.9998H2.99997V13.7764H13.7151V15.9998Z"
fill="currentColor"
/>
</svg>
);
14 changes: 14 additions & 0 deletions packages/plasma-icons/src/scalable/Icon.assets.16/Calendar.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
import React from 'react';

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

export const Calendar: React.FC<IconProps> = (props) => (
<svg width="100%" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
<path
fillRule="evenodd"
clipRule="evenodd"
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

и fillRule и clipRule

d="M4 2C4 1.44772 4.44772 1 5 1C5.55228 1 6 1.44772 6 2V2.5H10V2C10 1.44772 10.4477 1 11 1C11.5523 1 12 1.44772 12 2V2.5027C12.6896 2.51115 13.1085 2.54606 13.4567 2.6903C14.0693 2.94404 14.556 3.43072 14.8097 4.04329C15 4.50272 15 5.08515 15 6.25V11.25C15 12.4149 15 12.9973 14.8097 13.4567C14.556 14.0693 14.0693 14.556 13.4567 14.8097C12.9973 15 12.4149 15 11.25 15H4.75C3.58515 15 3.00272 15 2.54329 14.8097C1.93072 14.556 1.44404 14.0693 1.1903 13.4567C1 12.9973 1 12.4149 1 11.25V6.25C1 5.08515 1 4.50272 1.1903 4.04329C1.44404 3.43072 1.93072 2.94404 2.54329 2.6903C2.89152 2.54606 3.3104 2.51115 4 2.5027V2ZM2.5 7V11.25C2.5 11.853 2.50081 12.23 2.52031 12.5158C2.53889 12.7881 2.5693 12.8662 2.57612 12.8827C2.67761 13.1277 2.87229 13.3224 3.11732 13.4239C3.13379 13.4307 3.21195 13.4611 3.48422 13.4797C3.76996 13.4992 4.14705 13.5 4.75 13.5H11.25C11.853 13.5 12.23 13.4992 12.5158 13.4797C12.7881 13.4611 12.8662 13.4307 12.8827 13.4239C13.1277 13.3224 13.3224 13.1277 13.4239 12.8827C13.4307 12.8662 13.4611 12.7881 13.4797 12.5158C13.4992 12.23 13.5 11.853 13.5 11.25V7H2.5Z"
fill="currentColor"
/>
</svg>
);
40 changes: 40 additions & 0 deletions packages/plasma-icons/src/scalable/Icon.assets.16/Call.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,40 @@
import React from 'react';

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

export const Call: React.FC<IconProps> = (props) => (
<svg width="100%" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

вообще немного смущает почему иконка такая маленькая по сравнению с endCall например, стоит у @gbushnev уточнить норм ли это

<g filter="url(#filter0D116133)">
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

я что-то не понимаю что этот фильтр делает;
если его убрать то в демо ничего не меняется

<path
fillRule="evenodd"
clipRule="evenodd"
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

можно убрать и fillRule и clipRule

d="M17.7279 15.0522C17.7279 15.2149 17.6978 15.4273 17.6375 15.6895C17.5772 15.9516 17.514 16.158 17.4477 16.3087C17.3211 16.61 16.9535 16.9294 16.3448 17.2669C15.7783 17.5742 15.2179 17.7279 14.6635 17.7279C14.5007 17.7279 14.3425 17.7174 14.1889 17.6963C14.0352 17.6752 13.8619 17.6375 13.6691 17.5833C13.4762 17.529 13.3331 17.4853 13.2397 17.4522C13.1463 17.4191 12.979 17.3573 12.738 17.2669C12.4969 17.1765 12.3493 17.1223 12.295 17.1042C11.7044 16.8932 11.1771 16.6431 10.7131 16.3539C9.94171 15.8778 9.14471 15.2284 8.3221 14.4058C7.49948 13.5832 6.85012 12.7862 6.37403 12.0148C6.08477 11.5508 5.83467 11.0235 5.62374 10.4329C5.60566 10.3786 5.55143 10.231 5.46103 9.98991C5.37063 9.74885 5.30885 9.58161 5.2757 9.4882C5.24256 9.39479 5.19887 9.25167 5.14463 9.05881C5.0904 8.86597 5.05273 8.69271 5.03165 8.53903C5.01053 8.38537 5 8.22718 5 8.06445C5 7.51002 5.15368 6.94956 5.46101 6.38308C5.7985 5.7744 6.11792 5.40678 6.41924 5.28023C6.5699 5.21394 6.7763 5.15066 7.03845 5.0904C7.30059 5.03013 7.51304 5 7.67576 5C7.76013 5 7.82341 5.00904 7.86558 5.02712C7.97407 5.06328 8.13376 5.29228 8.34469 5.71414C8.41098 5.82864 8.50138 5.99136 8.61588 6.20228C8.73038 6.41321 8.83585 6.60455 8.93228 6.7763C9.02869 6.94805 9.1221 7.10927 9.2125 7.25994C9.23059 7.28404 9.28331 7.35937 9.37069 7.48592C9.45807 7.61248 9.52287 7.71945 9.56506 7.80683C9.60724 7.89421 9.62832 7.9801 9.62832 8.06445C9.62832 8.18498 9.54246 8.33566 9.37069 8.51644C9.19894 8.69725 9.01212 8.86297 8.81024 9.01363C8.60835 9.16429 8.42153 9.324 8.24978 9.49274C8.07802 9.66147 7.99214 9.80009 7.99214 9.90856C7.99214 9.9628 8.0072 10.0306 8.03735 10.112C8.06748 10.1933 8.09308 10.2551 8.11417 10.2973C8.13527 10.3395 8.17745 10.4118 8.24073 10.5142C8.30401 10.6167 8.33868 10.6739 8.34469 10.686C8.8027 11.5116 9.327 12.2197 9.9176 12.8103C10.5082 13.4009 11.2163 13.9252 12.0419 14.3832C12.054 14.3892 12.1112 14.4239 12.2137 14.4872C12.3161 14.5504 12.3885 14.5926 12.4306 14.6137C12.4728 14.6348 12.5346 14.6604 12.616 14.6906C12.6973 14.7207 12.7651 14.7358 12.8193 14.7358C12.9278 14.7358 13.0664 14.6499 13.2352 14.4781C13.4039 14.3064 13.5636 14.1196 13.7143 13.9177C13.8649 13.7158 14.0307 13.529 14.2115 13.3572C14.3923 13.1854 14.5429 13.0996 14.6635 13.0996C14.7478 13.0996 14.8337 13.1207 14.9211 13.1629C15.0085 13.205 15.1154 13.2698 15.242 13.3572C15.3685 13.4446 15.4439 13.4973 15.468 13.5154C15.6186 13.6058 15.7798 13.6992 15.9516 13.7956C16.1234 13.8921 16.3147 13.9975 16.5256 14.112C16.7366 14.2265 16.8993 14.3169 17.0138 14.3832C17.4356 14.5941 17.6646 14.7538 17.7008 14.8623C17.7189 14.9045 17.7279 14.9678 17.7279 15.0522Z"
fill="currentColor"
/>
</g>
<defs>
<filter
id="filter0D116133"
x="0"
y="0"
width="22.7279"
height="22.7279"
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity="0" result="BackgroundImageFix" />
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset />
<feGaussianBlur stdDeviation="2.5" />
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.484007 0 0 0 0 0.456084 0 0 0 0.1 0" />
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1DropShadow116133" />
<feBlend mode="normal" in="SourceGraphic" in2="effect1DropShadow116133" result="shape" />
</filter>
</defs>
</svg>
);
14 changes: 14 additions & 0 deletions packages/plasma-icons/src/scalable/Icon.assets.16/CallCircle.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
import React from 'react';

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

export const CallCircle: React.FC<IconProps> = (props) => (
<svg width="100%" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
<path
fillRule="evenodd"
clipRule="evenodd"
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

оба убрать

d="M16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM12.1507 10.8618C12.1906 10.6884 12.2105 10.5478 12.2105 10.4402C12.2105 10.3844 12.2045 10.3425 12.1926 10.3146C12.1687 10.2428 12.0171 10.1372 11.738 9.99761C11.6623 9.95375 11.5546 9.89394 11.4151 9.81818C11.2755 9.74243 11.1489 9.67265 11.0353 9.60885C10.9216 9.54506 10.815 9.48326 10.7153 9.42345C10.6994 9.41148 10.6495 9.3766 10.5658 9.31878C10.4821 9.26096 10.4113 9.2181 10.3535 9.19019C10.2957 9.16228 10.2388 9.14832 10.183 9.14832C10.1033 9.14832 10.0036 9.20514 9.88397 9.31878C9.76435 9.43242 9.6547 9.55602 9.55503 9.6896C9.45535 9.82317 9.34968 9.94677 9.23803 10.0604C9.1264 10.174 9.03469 10.2309 8.96292 10.2309C8.92704 10.2309 8.88218 10.2209 8.82836 10.201C8.77452 10.181 8.73365 10.1641 8.70574 10.1501C8.67783 10.1362 8.62998 10.1082 8.5622 10.0664C8.49442 10.0245 8.45655 10.0016 8.44857 9.99761C7.90231 9.69458 7.43382 9.34769 7.04306 8.95694C6.65231 8.56618 6.30542 8.09769 6.00239 7.55144C5.99841 7.54346 5.97548 7.50558 5.93361 7.4378C5.89174 7.37002 5.86383 7.32217 5.84988 7.29426C5.83592 7.26635 5.81898 7.22548 5.79905 7.17165C5.7791 7.11782 5.76914 7.07297 5.76914 7.03708C5.76914 6.96531 5.82595 6.8736 5.9396 6.76197C6.05323 6.65032 6.17683 6.54465 6.31041 6.44498C6.44398 6.3453 6.56758 6.23565 6.68122 6.11603C6.79486 5.99641 6.85167 5.89673 6.85167 5.81698C6.85167 5.76117 6.83772 5.70434 6.80981 5.64653C6.7819 5.58872 6.73903 5.51794 6.68122 5.43421C6.6234 5.35049 6.58852 5.30064 6.57655 5.2847C6.51674 5.18501 6.45494 5.07835 6.39115 4.96471C6.32735 4.85108 6.25757 4.72448 6.18182 4.58493C6.10606 4.44538 6.04625 4.33772 6.00239 4.26197C5.86284 3.98285 5.75718 3.83134 5.6854 3.80742C5.6575 3.79545 5.61563 3.78947 5.55981 3.78947C5.45215 3.78947 5.3116 3.80941 5.13816 3.84928C4.96471 3.88915 4.82815 3.93102 4.72847 3.97488C4.52911 4.05861 4.31778 4.30183 4.09449 4.70455C3.89115 5.07934 3.78947 5.45016 3.78947 5.81698C3.78947 5.92465 3.79644 6.02931 3.81041 6.13097C3.82436 6.23265 3.84928 6.34728 3.88516 6.47487C3.92105 6.60247 3.94996 6.69716 3.97188 6.75896C3.99382 6.82076 4.03469 6.93141 4.0945 7.0909C4.15431 7.25039 4.19019 7.34808 4.20215 7.38396C4.34171 7.77472 4.50718 8.1236 4.69856 8.43062C5.01355 8.94099 5.44318 9.4683 5.98744 10.0126C6.5317 10.5568 7.05901 10.9864 7.56938 11.3014C7.87639 11.4928 8.22528 11.6583 8.61603 11.7979C8.65192 11.8098 8.74961 11.8457 8.90909 11.9055C9.06858 11.9653 9.17923 12.0062 9.24103 12.0281C9.30284 12.05 9.39752 12.0789 9.52512 12.1148C9.65271 12.1507 9.76734 12.1756 9.86902 12.1896C9.97069 12.2036 10.0754 12.2105 10.183 12.2105C10.5498 12.2105 10.9207 12.1088 11.2955 11.9055C11.6982 11.6822 11.9414 11.4709 12.0251 11.2715C12.069 11.1719 12.1108 11.0353 12.1507 10.8618Z"
fill="currentColor"
/>
</svg>
);
20 changes: 20 additions & 0 deletions packages/plasma-icons/src/scalable/Icon.assets.16/CallEndFill.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
import React from 'react';

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

export const CallEndFill: React.FC<IconProps> = (props) => (
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

не ясно почему тут в названиии Fill , если иконка без заливки

<svg width="100%" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
<path
fillRule="evenodd"
clipRule="evenodd"
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

оба

d="M13.1019 10.2801C12.2218 9.64189 11.2218 9.18835 10.1619 8.94672C9.37803 8.75877 8.5746 8.66478 7.76854 8.66672V8.66672C6.96024 8.66393 6.1545 8.75793 5.36854 8.94672C4.31099 9.1892 3.31328 9.6427 2.43521 10.2801C1.89521 10.6734 1.29521 11.3467 1.33521 12.8934C1.34406 13.2245 1.43086 13.5488 1.58854 13.8401V13.8401C1.76188 14.1934 2.60854 14.4267 3.52188 14.1934C4.43521 13.9601 5.14188 13.2867 5.10188 12.8867C5.09589 12.3891 5.01728 11.895 4.86854 11.4201C4.8545 11.3375 4.87025 11.2526 4.91299 11.1805C4.95573 11.1085 5.02267 11.054 5.10188 11.0267C5.96119 10.7378 6.86197 10.5915 7.76854 10.5934V10.5934C8.67511 10.5915 9.57589 10.7378 10.4352 11.0267C10.5181 11.0501 10.5896 11.103 10.6363 11.1754C10.683 11.2479 10.7015 11.3349 10.6885 11.4201C10.5398 11.895 10.4612 12.3891 10.4552 12.8867V12.8867C10.4019 13.2867 11.0619 13.9334 12.0152 14.1734C12.9685 14.4134 13.7819 14.1734 13.9485 13.8201C14.1079 13.5298 14.1926 13.2045 14.1952 12.8734C14.2352 11.3267 13.6352 10.6534 13.1019 10.2801ZM4.58854 12.9467C3.70266 12.8893 2.82055 13.1057 2.06188 13.5667L1.72854 13.0667C2.60087 12.5294 3.62 12.2799 4.64188 12.3534L4.58854 12.9467ZM13.4619 13.5667C12.7029 13.1065 11.821 12.8901 10.9352 12.9467L10.8819 12.3534C11.8935 12.2802 12.9028 12.5249 13.7685 13.0534L13.4619 13.5667Z"
fill="currentColor"
/>
<path
fillRule="evenodd"
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

оба

clipRule="evenodd"
d="M13.1867 2.44745C13.1189 2.36836 13.033 2.30684 12.9363 2.26813C12.8396 2.22942 12.735 2.21469 12.6314 2.22518L9.5635 2.53229L9.67366 3.65954L10.8037 3.55185L7.78429 6.42608L3.77821 2.83692L2.88849 3.82999L7.35314 7.82999C7.61208 8.06198 8.00583 8.05603 8.25765 7.81632L11.7892 4.45455L11.4834 5.73015L12.5912 5.99937L13.3221 3.00537C13.3447 2.90826 13.3442 2.80721 13.3207 2.71032C13.2972 2.61343 13.2513 2.5234 13.1867 2.44745Z"
fill="currentColor"
/>
</svg>
);
14 changes: 14 additions & 0 deletions packages/plasma-icons/src/scalable/Icon.assets.16/ChevronDown.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
import React from 'react';

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

export const ChevronDown: React.FC<IconProps> = (props) => (
<svg width="100%" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
<path
fillRule="evenodd"
clipRule="evenodd"
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

оба

d="M2.29289 5.29289C2.68342 4.90237 3.31658 4.90237 3.70711 5.29289L8 9.58579L12.2929 5.29289C12.6834 4.90237 13.3166 4.90237 13.7071 5.29289C14.0976 5.68342 14.0976 6.31658 13.7071 6.70711L8.70711 11.7071C8.31658 12.0976 7.68342 12.0976 7.29289 11.7071L2.29289 6.70711C1.90237 6.31658 1.90237 5.68342 2.29289 5.29289Z"
fill="currentColor"
/>
</svg>
);
14 changes: 14 additions & 0 deletions packages/plasma-icons/src/scalable/Icon.assets.16/ChevronUp.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
import React from 'react';

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

export const ChevronUp: React.FC<IconProps> = (props) => (
<svg width="100%" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
<path
fillRule="evenodd"
clipRule="evenodd"
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

оба

d="M7.29289 5.29289C7.68342 4.90237 8.31658 4.90237 8.70711 5.29289L13.7071 10.2929C14.0976 10.6834 14.0976 11.3166 13.7071 11.7071C13.3166 12.0976 12.6834 12.0976 12.2929 11.7071L8 7.41421L3.70711 11.7071C3.31658 12.0976 2.68342 12.0976 2.29289 11.7071C1.90237 11.3166 1.90237 10.6834 2.29289 10.2929L7.29289 5.29289Z"
fill="currentColor"
/>
</svg>
);
12 changes: 12 additions & 0 deletions packages/plasma-icons/src/scalable/Icon.assets.16/Cross.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
import React from 'react';

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

export const Cross: React.FC<IconProps> = (props) => (
<svg width="100%" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
<path
d="M3.20921 11.7806C2.93026 12.0596 2.93026 12.5118 3.20921 12.7908C3.48816 13.0697 3.94042 13.0697 4.21936 12.7908L8 9.01015L11.7806 12.7908C12.0596 13.0697 12.5118 13.0697 12.7908 12.7908C13.0697 12.5118 13.0697 12.0596 12.7908 11.7806L9.01015 8L12.7908 4.21936C13.0697 3.94042 13.0697 3.48816 12.7908 3.20921C12.5118 2.93026 12.0596 2.93026 11.7806 3.20921L8 6.98985L4.21936 3.20921C3.94042 2.93026 3.48816 2.93026 3.20921 3.20921C2.93026 3.48816 2.93026 3.94042 3.20921 4.21936L6.98985 8L3.20921 11.7806Z"
fill="currentColor"
/>
</svg>
);
14 changes: 14 additions & 0 deletions packages/plasma-icons/src/scalable/Icon.assets.16/DisclosureRight.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
import React from 'react';

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

export const DisclosureRight: React.FC<IconProps> = (props) => (
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

и меня таки смущает что иконка не выровнена по центру; @gbushnev

<svg width="100%" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
<path
fillRule="evenodd"
clipRule="evenodd"
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

оба

d="M9.88289 4.70711C9.49237 4.31658 9.49237 3.68342 9.88289 3.29289C10.2734 2.90237 10.9066 2.90237 11.2971 3.29289L16.0042 8L11.2971 12.7071C10.9066 13.0976 10.2734 13.0976 9.88289 12.7071C9.49237 12.3166 9.49237 11.6834 9.88289 11.2929L13.1758 8L9.88289 4.70711Z"
fill="currentColor"
/>
</svg>
);
14 changes: 14 additions & 0 deletions packages/plasma-icons/src/scalable/Icon.assets.16/Doc.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
import React from 'react';

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

export const Doc: React.FC<IconProps> = (props) => (
<svg width="100%" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
<path
fillRule="evenodd"
clipRule="evenodd"
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

оба

d="M4 0C2.89543 0 2 0.895431 2 2V14C2 15.1046 2.89543 16 4 16H12C13.1046 16 14 15.1046 14 14V5.25165C14 4.73381 13.7991 4.23615 13.4397 3.86338L11.8571 2.22222L10.3042 0.611729C9.92722 0.220822 9.40752 0 8.86448 0H4ZM8 5V2.41421C8 1.52331 9.07714 1.07714 9.70711 1.70711L12.2929 4.29289C12.9229 4.92286 12.4767 6 11.5858 6H9C8.44772 6 8 5.55228 8 5Z"
fill="currentColor"
/>
</svg>
);
12 changes: 12 additions & 0 deletions packages/plasma-icons/src/scalable/Icon.assets.16/Done.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
import React from 'react';

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

export const Done: React.FC<IconProps> = (props) => (
<svg width="100%" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
<path
d="M12.2872 3.99624L5.53949 10.5829L3.16276 8.26957C3.03516 8.14474 2.86192 8.07458 2.68126 8.07458C2.50061 8.07458 2.32737 8.14474 2.19977 8.26957C1.93341 8.52957 1.93341 8.94957 2.19977 9.20957L5.05458 11.9962C5.32094 12.2562 5.75121 12.2562 6.01757 11.9962L13.2502 4.9429C13.5166 4.6829 13.5166 4.2629 13.2502 4.0029H13.2434C12.9839 3.73624 12.5536 3.73624 12.2872 3.99624Z"
fill="currentColor"
/>
</svg>
);
14 changes: 14 additions & 0 deletions packages/plasma-icons/src/scalable/Icon.assets.16/DoneDouble.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
import React from 'react';

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

export const DoneDouble: React.FC<IconProps> = (props) => (
<svg width="100%" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
<path
fillRule="evenodd"
clipRule="evenodd"
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

оба

d="M3.75004 10.5829L10.3367 3.99624C10.5967 3.73624 11.0167 3.73624 11.27 4.0029H11.2767C11.5367 4.2629 11.5367 4.6829 11.2767 4.9429L4.21671 11.9962C3.95671 12.2562 3.53671 12.2562 3.27671 11.9962L0.490044 9.20957C0.230044 8.94957 0.230044 8.52957 0.490044 8.26957C0.614598 8.14474 0.783699 8.07458 0.960044 8.07458C1.13639 8.07458 1.30549 8.14474 1.43004 8.26957L3.75004 10.5829ZM8.21671 11.9962L15.2767 4.94292C15.5367 4.68292 15.5367 4.26292 15.2767 4.00292H15.27C15.0167 3.73625 14.5967 3.73625 14.3367 3.99625L7.27838 11.0546C7.00004 11.3329 7.01821 11.7396 7.27838 11.9979C7.5385 12.2562 7.95726 12.2557 8.21671 11.9962Z"
fill="currentColor"
/>
</svg>
);
Loading