Skip to content

feat(plasma-icons): Add icons for 24 dp from F to M #1165

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

feat(plasma-icons): Add icons for 24 dp from F to M #1165

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
5ccef55
feat(plasma-icons): Add icons for `24 dp` from F to M
neretin-trike Mar 29, 2022
969c788
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';
25 changes: 25 additions & 0 deletions packages/plasma-icons/src/scalable/Icon.assets.24/Click.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,25 @@
import React from 'react';

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

export const Click: React.FC<IconProps> = (props) => (
<svg width="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
<path
d="M13.2631 10.7074C11.7976 10.9032 10.6933 12.1376 10.6612 13.6159L10.5805 17.3342H8.72448C7.94301 17.3342 7.17298 17.522 6.47927 17.8818C5.65967 18.3069 5.83477 19.5272 6.74084 19.7047L9.30508 20.2069C11.1124 20.5609 12.877 21.106 14.5691 21.8328L15.2454 22.1233C18.3458 23.4551 21.6007 20.5861 20.6685 17.3431L19.0345 11.6583C18.7606 10.7055 17.8301 10.0971 16.8474 10.2284L13.2631 10.7074Z"
fill="currentColor"
/>
<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.

both

d="M7.52111 6.8452C6.88342 7.10967 6.58087 7.84101 6.84534 8.4787L11.0963 18.7287C11.3608 19.3664 12.0921 19.6689 12.7298 19.4045C13.3675 19.14 13.6701 18.4087 13.4056 17.771L9.15461 7.52098C8.89015 6.88329 8.1588 6.58073 7.52111 6.8452Z"
fill="currentColor"
/>
<path
opacity="0.6"
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.

both

d="M8 3.5C5.51472 3.5 3.5 5.51472 3.5 8C3.5 9.81536 4.57497 11.3807 6.12523 12.0922C6.3762 12.2074 6.48628 12.5042 6.37109 12.7552C6.2559 13.0062 5.95907 13.1162 5.7081 13.0011C3.81582 12.1326 2.5 10.2205 2.5 8C2.5 4.96243 4.96243 2.5 8 2.5C11.0376 2.5 13.5 4.96243 13.5 8C13.5 8.15405 13.4937 8.30673 13.4812 8.45778C13.4585 8.73298 13.217 8.93768 12.9418 8.91497C12.6666 8.89227 12.4619 8.65076 12.4846 8.37556C12.4948 8.25183 12.5 8.12658 12.5 8C12.5 5.51472 10.4853 3.5 8 3.5Z"
fill="currentColor"
/>
</svg>
);
21 changes: 21 additions & 0 deletions packages/plasma-icons/src/scalable/Icon.assets.24/Dislike.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
import React from 'react';

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

export const Dislike: React.FC<IconProps> = (props) => (
<svg width="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
<g style={{ mixBlendMode: 'lighten' }}>
Copy link
Contributor

Choose a reason for hiding this comment

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

не нужен

<path
d="M7.5 7C7.67255 7 13.7695 7 16.6984 7C17.608 7 18.3997 7.61381 18.6299 8.49381L19.8443 13.1358C20.1759 14.4033 19.2196 15.642 17.9095 15.642H12.7291L13.0568 16.1831C13.7935 17.3995 13.8364 18.9136 13.1697 20.1698C12.9572 20.5702 12.4093 20.6331 12.1115 20.2914L7.5 15"
fill="currentColor"
/>
<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.

только clip

d="M6 7H3V15H6V7ZM4.5 14C4.91421 14 5.25 13.6642 5.25 13.25C5.25 12.8358 4.91421 12.5 4.5 12.5C4.08579 12.5 3.75 12.8358 3.75 13.25C3.75 13.6642 4.08579 14 4.5 14Z"
fill="currentColor"
opacity="0.4"
/>
</g>
</svg>
);
14 changes: 14 additions & 0 deletions packages/plasma-icons/src/scalable/Icon.assets.24/DotsHorizontalOutline.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 DotsHorizontalOutline: React.FC<IconProps> = (props) => (
<svg width="100%" viewBox="0 0 24 24" 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.

both

d="M6 10C4.9 10 4 10.9 4 12C4 13.1 4.9 14 6 14C7.1 14 8 13.1 8 12C8 10.9 7.1 10 6 10ZM18 10C16.9 10 16 10.9 16 12C16 13.1 16.9 14 18 14C19.1 14 20 13.1 20 12C20 10.9 19.1 10 18 10ZM12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10Z"
fill="currentColor"
/>
</svg>
);
14 changes: 14 additions & 0 deletions packages/plasma-icons/src/scalable/Icon.assets.24/DotsVerticalOutline.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 DotsVerticalOutline: 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 24 24" 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.

both

d="M18 8C19.1 8 20 7.1 20 6C20 4.9 19.1 4 18 4C16.9 4 16 4.9 16 6C16 7.1 16.9 8 18 8ZM18 10C16.9 10 16 10.9 16 12C16 13.1 16.9 14 18 14C19.1 14 20 13.1 20 12C20 10.9 19.1 10 18 10ZM18 16C16.9 16 16 16.9 16 18C16 19.1 16.9 20 18 20C19.1 20 20 19.1 20 18C20 16.9 19.1 16 18 16Z"
fill="currentColor"
/>
</svg>
);
32 changes: 32 additions & 0 deletions packages/plasma-icons/src/scalable/Icon.assets.24/DoubleClick.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,32 @@
import React from 'react';

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

export const DoubleClick: React.FC<IconProps> = (props) => (
<svg width="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
<path
d="M13.2631 10.7074C11.7976 10.9032 10.6933 12.1376 10.6612 13.6159L10.5805 17.3342H8.72448C7.94301 17.3342 7.17298 17.522 6.47927 17.8818C5.65967 18.3069 5.83477 19.5272 6.74084 19.7047L9.30508 20.2069C11.1124 20.5609 12.877 21.106 14.5691 21.8328L15.2454 22.1233C18.3458 23.4551 21.6007 20.5861 20.6685 17.3431L19.0345 11.6583C18.7606 10.7055 17.8301 10.0971 16.8474 10.2284L13.2631 10.7074Z"
fill="currentColor"
/>
<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.

both

d="M7.52111 6.8452C6.88342 7.10967 6.58087 7.84101 6.84534 8.4787L11.0963 18.7287C11.3608 19.3664 12.0921 19.6689 12.7298 19.4045C13.3675 19.14 13.6701 18.4087 13.4056 17.771L9.15461 7.52098C8.89015 6.88329 8.1588 6.58073 7.52111 6.8452Z"
fill="currentColor"
/>
<path
opacity="0.3"
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.

both

d="M8 2.5C4.96243 2.5 2.5 4.96243 2.5 8C2.5 10.2189 3.81405 12.132 5.70856 13.0015C5.95954 13.1167 6.06961 13.4136 5.95442 13.6645C5.83924 13.9155 5.54241 14.0256 5.29144 13.9104C3.05489 12.8839 1.5 10.6241 1.5 8C1.5 4.41015 4.41015 1.5 8 1.5C11.5899 1.5 14.5 4.41015 14.5 8C14.5 8.18211 14.4925 8.36258 14.4778 8.54111C14.4551 8.81632 14.2136 9.02101 13.9384 8.99831C13.6631 8.9756 13.4585 8.7341 13.4812 8.45889C13.4936 8.30768 13.5 8.15464 13.5 8C13.5 4.96243 11.0376 2.5 8 2.5Z"
fill="currentColor"
/>
<path
opacity="0.6"
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.

both

d="M8 5C6.34315 5 5 6.34315 5 8C5 9.01904 5.50762 9.91959 6.28605 10.4626C6.51254 10.6205 6.56807 10.9322 6.41009 11.1587C6.25211 11.3852 5.94044 11.4407 5.71395 11.2827C4.6789 10.5608 4 9.35971 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8C12 8.11196 11.9954 8.22294 11.9863 8.33278C11.9636 8.60798 11.7221 8.81268 11.4469 8.78997C11.1717 8.76727 10.967 8.52576 10.9897 8.25056C10.9965 8.16804 11 8.08448 11 8C11 6.34315 9.65685 5 8 5Z"
fill="currentColor"
/>
</svg>
);
14 changes: 14 additions & 0 deletions packages/plasma-icons/src/scalable/Icon.assets.24/FeedbackCircleFill.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 FeedbackCircleFill: 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.

почему circle ? @gbushnev

<svg width="100%" viewBox="0 0 24 24" 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.

only clip

d="M21.469 19.3636C21.711 20.0986 21.0639 20.8187 20.3078 20.6558L16.7933 19.8987C14.6664 20.9442 12.1901 21.2589 9.82466 20.7845C7.45926 20.31 5.36579 19.0786 3.93348 17.3192C2.50117 15.5598 1.82749 13.3922 2.03771 11.2193C2.24793 9.04644 3.32773 7.0162 5.07635 5.50609C6.82497 3.99597 9.12341 3.10874 11.5443 3.00935C13.9652 2.90997 16.3439 3.60519 18.238 4.96577C20.1321 6.32634 21.4128 8.25967 21.8419 10.4063C22.2711 12.5529 21.8195 14.7668 20.5711 16.6362L21.469 19.3636ZM6.90328 8.20754C7.02966 8.12324 7.17711 8.10216 7.32455 8.10216C7.61944 8.10216 7.91433 8.24969 8.08283 8.54473C8.41985 9.1559 9.43089 9.1559 9.78897 8.52366C10.0207 8.12324 10.5473 7.97571 10.9685 8.20754C11.3687 8.43936 11.5162 8.96623 11.2845 9.38772C10.8 10.2307 9.91535 10.7365 8.92537 10.7365C7.95645 10.7365 7.05073 10.2096 6.58733 9.36665C6.35563 8.96623 6.50308 8.43936 6.90328 8.20754ZM17.0966 8.22416C16.6753 7.99234 16.1487 8.13986 15.917 8.54028C15.559 9.17252 14.5479 9.17252 14.232 8.54028C14.0635 8.24523 13.7686 8.09771 13.4737 8.09771C13.3262 8.09771 13.1788 8.11879 13.0524 8.20308C12.6312 8.45598 12.4837 8.96178 12.7154 9.38327C13.1788 10.2263 14.0845 10.7531 15.0534 10.7531C16.0434 10.7531 16.9281 10.2473 17.4126 9.40435C17.6443 8.98285 17.4968 8.45598 17.0966 8.22416ZM8.37732 15.7998C8.31413 16.137 8.58795 16.4531 8.94603 16.4531H15.0544C15.4125 16.4531 15.6863 16.1159 15.6231 15.7998C15.3072 14.0927 13.8117 12.7861 12.0002 12.7861C10.1888 12.7861 8.69327 14.0927 8.37732 15.7998Z"
fill="currentColor"
/>
</svg>
);
14 changes: 14 additions & 0 deletions packages/plasma-icons/src/scalable/Icon.assets.24/Fire.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 Fire: 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 24 24" 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.

only clip

d="M7.69674 12.6986C7.821 12.9376 7.61687 13.2118 7.37454 13.0942C6.18675 12.5176 5.45517 11.2188 4.97576 9.51048C4.90276 9.25032 4.55282 9.19798 4.42681 9.43701C2.66284 12.7831 2.5461 16.4736 4.012 19.3203C7.13488 25.5442 16.5816 25.5442 19.9387 19.4001C21.368 16.6974 21.4889 13.2593 19.463 10.3098C19.2938 10.0635 18.9199 10.2197 18.9262 10.5184C19.0143 14.7091 15.5475 13.6643 16.3474 10.5429C16.4121 10.27 16.4903 9.99041 16.5706 9.7029C17.2469 7.2831 18.0795 4.30431 12.3834 0.0591721C12.1853 0.0884493 11.8966 0.0578226 11.8646 0.302776C11.6686 1.80291 10.6466 3.23283 9.59623 4.70245C7.88095 7.1024 6.09 9.60822 7.69674 12.6986ZM10.0543 18.7556C9.77708 18.6339 9.51755 18.4877 9.27709 18.3206C9.05508 18.1662 8.73755 18.3221 8.79608 18.5861C9.06564 19.802 9.88139 20.8736 11.088 21.4031C13.09 22.2818 15.4099 21.3353 16.2696 19.2891C16.6871 18.2954 16.6834 17.2249 16.3398 16.2861C16.2993 16.1755 16.1451 16.1807 16.0995 16.2893C15.0965 18.6765 12.39 19.7807 10.0543 18.7556Z"
fill="currentColor"
/>
</svg>
);
14 changes: 14 additions & 0 deletions packages/plasma-icons/src/scalable/Icon.assets.24/FolderOutline.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 FolderOutline: React.FC<IconProps> = (props) => (
<svg width="100%" viewBox="0 0 24 24" 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.

only clip

d="M1 6C1 4.34315 2.34315 3 4 3H9C9.75709 3 10.4159 3.42067 10.7555 4.04103C11.0207 4.52548 11.4477 5 12 5H18.68C19.9091 5 20.5236 5 21.0162 5.17736C21.8575 5.48023 22.5198 6.14254 22.8226 6.98379C23 7.47642 23 8.09094 23 9.32V16.68C23 17.9091 23 18.5236 22.8226 19.0162C22.5198 19.8575 21.8575 20.5198 21.0162 20.8226C20.5236 21 19.9091 21 18.68 21H5.32C4.09094 21 3.47642 21 2.98379 20.8226C2.14254 20.5198 1.48023 19.8575 1.17736 19.0162C1 18.5236 1 17.9091 1 16.68V6ZM3.99573 7.01857C4.29065 7.00084 4.68145 7 5.32 7H18.68C19.3185 7 19.7093 7.00084 20.0043 7.01857C20.2532 7.03353 20.3307 7.05642 20.3387 7.05912C20.6192 7.16008 20.8399 7.38085 20.9409 7.66126C20.9378 7.65274 20.9646 7.71595 20.9814 7.99573C20.9992 8.29065 21 8.68145 21 9.32V16.68C21 17.3185 20.9992 17.7093 20.9814 18.0043C20.9665 18.2532 20.9436 18.3307 20.9409 18.3387C20.8399 18.6192 20.6192 18.8399 20.3387 18.9409C20.3473 18.9378 20.2841 18.9646 20.0043 18.9814C19.7093 18.9992 19.3185 19 18.68 19H5.32C4.68145 19 4.29065 18.9992 3.99573 18.9814C3.7468 18.9665 3.66932 18.9436 3.66126 18.9409C3.38085 18.8399 3.16008 18.6192 3.05912 18.3387C3.06219 18.3473 3.03538 18.2841 3.01857 18.0043C3.00084 17.7093 3 17.3185 3 16.68V9.32C3 8.68145 3.00084 8.29065 3.01857 7.99573C3.03538 7.71595 3.06219 7.65274 3.05912 7.66126C3.16008 7.38085 3.38085 7.16008 3.66126 7.05912C3.65274 7.06219 3.71595 7.03538 3.99573 7.01857Z"
fill="currentColor"
/>
</svg>
);
14 changes: 14 additions & 0 deletions packages/plasma-icons/src/scalable/Icon.assets.24/FullscreenOff.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 FullscreenOff: React.FC<IconProps> = (props) => (
<svg width="100%" viewBox="0 0 24 24" 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.

both

d="M9.33346 3C9.88574 3 10.3335 3.44772 10.3335 4V6.66667C10.3335 8.69171 8.69183 10.3333 6.66679 10.3333H4.00012C3.44784 10.3333 3.00012 9.88562 3.00012 9.33333C3.00012 8.78105 3.44784 8.33333 4.00012 8.33333H6.66679C7.58726 8.33333 8.33346 7.58714 8.33346 6.66667V4C8.33346 3.44772 8.78117 3 9.33346 3ZM14.6666 3C15.2189 3 15.6666 3.44772 15.6666 4V6.66667C15.6666 7.58714 16.4128 8.33333 17.3333 8.33333H20C20.5522 8.33333 21 8.78105 21 9.33333C21 9.88562 20.5522 10.3333 20 10.3333H17.3333C15.3083 10.3333 13.6666 8.69171 13.6666 6.66667V4C13.6666 3.44772 14.1143 3 14.6666 3ZM3.00012 14.6667C3.00012 14.1144 3.44784 13.6667 4.00012 13.6667H6.66679C8.69183 13.6667 10.3335 15.3083 10.3335 17.3334V20C10.3335 20.5523 9.88574 21 9.33346 21C8.78117 21 8.33346 20.5523 8.33346 20V17.3334C8.33346 16.4129 7.58726 15.6667 6.66679 15.6667H4.00012C3.44784 15.6667 3.00012 15.219 3.00012 14.6667ZM17.3333 15.6667C16.4128 15.6667 15.6666 16.4129 15.6666 17.3334V20C15.6666 20.5523 15.2189 21 14.6666 21C14.1143 21 13.6666 20.5523 13.6666 20V17.3334C13.6666 15.3083 15.3082 13.6667 17.3333 13.6667H20C20.5522 13.6667 21 14.1144 21 14.6667C21 15.219 20.5522 15.6667 20 15.6667H17.3333Z"
fill="currentColor"
/>
</svg>
);
14 changes: 14 additions & 0 deletions packages/plasma-icons/src/scalable/Icon.assets.24/FullscreenOn.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 FullscreenOn: React.FC<IconProps> = (props) => (
<svg width="100%" viewBox="0 0 24 24" 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.

both

d="M3 6.66667C3 4.64162 4.64162 3 6.66667 3H9C9.55228 3 10 3.44772 10 4C10 4.55228 9.55228 5 9 5H6.66667C5.74619 5 5 5.74619 5 6.66667V9C5 9.55228 4.55228 10 4 10C3.44772 10 3 9.55228 3 9V6.66667ZM14 4C14 3.44772 14.4477 3 15 3H17.3333C19.3584 3 21 4.64162 21 6.66667V9C21 9.55228 20.5523 10 20 10C19.4477 10 19 9.55228 19 9V6.66667C19 5.74619 18.2538 5 17.3333 5H15C14.4477 5 14 4.55228 14 4ZM4 14C4.55228 14 5 14.4477 5 15V17.3333C5 18.2538 5.74619 19 6.66667 19H9C9.55228 19 10 19.4477 10 20C10 20.5523 9.55228 21 9 21H6.66667C4.64162 21 3 19.3584 3 17.3333V15C3 14.4477 3.44772 14 4 14ZM20 14C20.5523 14 21 14.4477 21 15V17.3333C21 19.3584 19.3584 21 17.3333 21H15C14.4477 21 14 20.5523 14 20C14 19.4477 14.4477 19 15 19H17.3333C18.2538 19 19 18.2538 19 17.3333V15C19 14.4477 19.4477 14 20 14Z"
fill="currentColor"
/>
</svg>
);
14 changes: 14 additions & 0 deletions packages/plasma-icons/src/scalable/Icon.assets.24/GamepadAlt1.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 GamepadAlt1: React.FC<IconProps> = (props) => (
<svg width="100%" viewBox="0 0 24 24" 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.

only clip

d="M19.7461 6.06054C18.6585 5.11512 17.3697 5.08425 14.7923 5.02251C13.8526 4.99999 12.9659 5 12.0195 5H12.0184C11.0725 5 10.1861 5.00001 9.24679 5.02251C6.6694 5.08423 5.3807 5.11509 4.29304 6.0605C3.20539 7.00591 2.99119 8.30308 2.5628 10.8974C2.25341 12.7711 2 14.8046 2 16.439C1.99998 18.9696 5.26295 19.8051 6.88374 18.1251C7.43248 17.5563 8.02867 16.594 8.35357 16.0373C8.5083 15.7721 8.79018 15.604 9.09718 15.604L14.9419 15.604C15.2489 15.604 15.5308 15.7721 15.6855 16.0373C16.0104 16.594 16.6066 17.5564 17.1554 18.1252C18.7761 19.8052 22.0391 18.9696 22.0391 16.439C22.0391 14.8046 21.7857 12.7712 21.4763 10.8975C21.0479 8.30314 20.8337 7.00595 19.7461 6.06054ZM7.20005 8.3C7.20005 7.85817 7.55822 7.5 8.00005 7.5C8.44188 7.5 8.80005 7.85817 8.80005 8.3V9.7H10.2C10.6418 9.7 11 10.0582 11 10.5C11 10.9418 10.6418 11.3 10.2 11.3H8.80005V12.7C8.80005 13.1418 8.44188 13.5 8.00005 13.5C7.55822 13.5 7.20005 13.1418 7.20005 12.7V11.3H5.8C5.35817 11.3 5 10.9418 5 10.5C5 10.0582 5.35817 9.7 5.8 9.7H7.20005V8.3ZM17 8.5C17 9.05229 16.5523 9.5 16 9.5C15.4477 9.5 15 9.05229 15 8.5C15 7.94772 15.4477 7.5 16 7.5C16.5523 7.5 17 7.94772 17 8.5ZM14 11.5C14.5523 11.5 15 11.0523 15 10.5C15 9.94772 14.5523 9.5 14 9.5C13.4477 9.5 13 9.94772 13 10.5C13 11.0523 13.4477 11.5 14 11.5ZM17 12.5C17 13.0523 16.5523 13.5 16 13.5C15.4477 13.5 15 13.0523 15 12.5C15 11.9477 15.4477 11.5 16 11.5C16.5523 11.5 17 11.9477 17 12.5ZM18 11.5C18.5523 11.5 19 11.0523 19 10.5C19 9.94772 18.5523 9.5 18 9.5C17.4477 9.5 17 9.94772 17 10.5C17 11.0523 17.4477 11.5 18 11.5Z"
fill="currentColor"
/>
</svg>
);
14 changes: 14 additions & 0 deletions packages/plasma-icons/src/scalable/Icon.assets.24/GamepadAlt2.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 GamepadAlt2: React.FC<IconProps> = (props) => (
<svg width="100%" viewBox="0 0 24 24" 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.

only clip

d="M2 12C2 7.85787 5.35787 4.5 9.5 4.5H14.5C18.6421 4.5 22 7.85787 22 12C22 16.1421 18.6421 19.5 14.5 19.5H9.5C5.35787 19.5 2 16.1421 2 12ZM16.8862 9.85667C16.8862 9.2651 16.4058 8.78571 15.8146 8.78571C15.2222 8.78571 14.7435 9.26486 14.7433 9.85667C14.7433 10.4487 15.2222 10.9286 15.8146 10.9286C16.4058 10.9286 16.8862 10.4487 16.8862 9.85667ZM12.7143 12.0301C12.7143 12.6214 13.1938 13.101 13.7855 13.101C14.3777 13.101 14.8572 12.6216 14.8572 12.0301C14.8572 11.4386 14.3777 10.9581 13.7855 10.9581C13.1938 10.9581 12.7143 11.4388 12.7143 12.0301ZM15.8146 15.275C15.2222 15.275 14.7433 14.7952 14.7433 14.2036C14.7433 13.6125 15.2222 13.1322 15.8146 13.1322C16.4058 13.1322 16.8862 13.6125 16.8862 14.2036C16.8862 14.7954 16.406 15.275 15.8146 15.275ZM16.7712 12.0301C16.7712 12.6214 17.2515 13.101 17.8427 13.101C18.4358 13.101 18.914 12.6216 18.914 12.0301C18.914 11.4386 18.4358 10.9581 17.8427 10.9581C17.2515 10.9581 16.7712 11.4388 16.7712 12.0301ZM9.13679 13.0668H10.2192C10.8085 13.0668 11.2856 12.5895 11.2856 12C11.2856 11.4114 10.8085 10.9346 10.2192 10.9346H9.13679V9.85093C9.13679 9.26337 8.65972 8.7858 8.07069 8.7858C7.48288 8.7858 7.00434 9.26337 7.00434 9.85093V10.9346H5.9219C5.33384 10.9346 4.85701 11.4114 4.85701 12C4.85701 12.5895 5.33384 13.0668 5.9219 13.0668H7.00434V14.148C7.00434 14.7373 7.48288 15.2144 8.07069 15.2144C8.65972 15.2144 9.13679 14.7373 9.13679 14.148V13.0668Z"
fill="currentColor"
/>
</svg>
);
Loading