Skip to content
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,14 @@
import React from 'react';

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

export const ArrowRightChevronRectangle: 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="M14 9H24V27H14C13.4477 27 13 27.4477 13 28C13 28.5523 13.4477 29 14 29H24C25.1051 29 26 28.1045 26 27V9C26 7.89552 25.1051 7 24 7H14C13.4477 7 13 7.44772 13 8C13 8.55228 13.4477 9 14 9ZM16.6021 19L14.3276 21.2963C13.939 21.6887 13.942 22.3218 14.3344 22.7105C14.7267 23.0991 15.3599 23.0961 15.7486 22.7037L19.7106 18.7037C20.0966 18.314 20.0966 17.686 19.7106 17.2963L15.7486 13.2963C15.3599 12.9039 14.7267 12.9009 14.3344 13.2895C13.942 13.6782 13.939 14.3113 14.3276 14.7037L16.6021 17H7C6.44772 17 6 17.4477 6 18C6 18.5523 6.44772 19 7 19H16.6021Z"
fill="currentColor"
/>
</svg>
);
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
import React from 'react';

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

export const AuthFingerprint: React.FC<IconProps> = (props) => (
<svg width="100%" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
<path
d="M25.7466 7.9613C25.6399 7.9613 25.5333 7.93464 25.4399 7.8813C22.8799 6.5613 20.6666 6.0013 18.0133 6.0013C15.3733 6.0013 12.8666 6.62797 10.5866 7.8813C10.2666 8.05464 9.86661 7.93464 9.67994 7.61464C9.50661 7.29464 9.62661 6.8813 9.94661 6.70797C12.4266 5.3613 15.1466 4.66797 18.0133 4.66797C20.8533 4.66797 23.3333 5.29464 26.0533 6.69464C26.3866 6.86797 26.5066 7.26797 26.3333 7.58797C26.2133 7.82797 25.9866 7.9613 25.7466 7.9613V7.9613ZM6.66661 14.9613C6.53327 14.9613 6.39994 14.9213 6.27994 14.8413C5.97327 14.628 5.90661 14.2146 6.11994 13.908C7.43994 12.0413 9.11994 10.5746 11.1199 9.54797C15.3066 7.38797 20.6666 7.37464 24.8666 9.53464C26.8666 10.5613 28.5466 12.0146 29.8666 13.868C30.0799 14.1613 30.0133 14.588 29.7066 14.8013C29.3999 15.0146 28.9866 14.948 28.7733 14.6413C27.5733 12.9613 26.0533 11.6413 24.2533 10.7213C20.4266 8.7613 15.5333 8.7613 11.7199 10.7346C9.90661 11.668 8.38661 13.0013 7.18661 14.6813C7.07994 14.868 6.87994 14.9613 6.66661 14.9613V14.9613ZM14.9999 31.0546C14.8266 31.0546 14.6533 30.988 14.5333 30.8546C13.3733 29.6946 12.7466 28.948 11.8533 27.3346C10.9333 25.6946 10.4533 23.6946 10.4533 21.548C10.4533 17.588 13.8399 14.3613 17.9999 14.3613C22.1599 14.3613 25.5466 17.588 25.5466 21.548C25.5466 21.9213 25.2533 22.2146 24.8799 22.2146C24.5066 22.2146 24.2133 21.9213 24.2133 21.548C24.2133 18.3213 21.4266 15.6946 17.9999 15.6946C14.5733 15.6946 11.7866 18.3213 11.7866 21.548C11.7866 23.468 12.2133 25.2413 13.0266 26.6813C13.8799 28.2146 14.4666 28.868 15.4933 29.908C15.7466 30.1746 15.7466 30.588 15.4933 30.8546C15.3466 30.988 15.1733 31.0546 14.9999 31.0546ZM24.5599 28.588C22.9733 28.588 21.5733 28.188 20.4266 27.4013C18.4399 26.0546 17.2533 23.868 17.2533 21.548C17.2533 21.1746 17.5466 20.8813 17.9199 20.8813C18.2933 20.8813 18.5866 21.1746 18.5866 21.548C18.5866 23.428 19.5466 25.2013 21.1733 26.2946C22.1199 26.9346 23.2266 27.2413 24.5599 27.2413C24.8799 27.2413 25.4133 27.2013 25.9466 27.108C26.3066 27.0413 26.6533 27.2813 26.7199 27.6546C26.7866 28.0146 26.5466 28.3613 26.1733 28.428C25.4133 28.5746 24.7466 28.588 24.5599 28.588V28.588ZM21.8799 31.3346C21.8266 31.3346 21.7599 31.3213 21.7066 31.308C19.5866 30.7213 18.1999 29.9346 16.7466 28.508C14.8799 26.6546 13.8533 24.188 13.8533 21.548C13.8533 19.388 15.6933 17.628 17.9599 17.628C20.2266 17.628 22.0666 19.388 22.0666 21.548C22.0666 22.9746 23.3066 24.1346 24.8399 24.1346C26.3733 24.1346 27.6133 22.9746 27.6133 21.548C27.6133 16.5213 23.2799 12.4413 17.9466 12.4413C14.1599 12.4413 10.6933 14.548 9.13327 17.8146C8.61327 18.8946 8.34661 20.1613 8.34661 21.548C8.34661 22.588 8.43994 24.228 9.23994 26.3613C9.37327 26.708 9.19994 27.0946 8.85327 27.2146C8.50661 27.348 8.11994 27.1613 7.99994 26.828C7.34661 25.0813 7.02661 23.348 7.02661 21.548C7.02661 19.948 7.33327 18.4946 7.93327 17.228C9.70661 13.508 13.6399 11.0946 17.9466 11.0946C24.0133 11.0946 28.9466 15.7746 28.9466 21.5346C28.9466 23.6946 27.1066 25.4546 24.8399 25.4546C22.5733 25.4546 20.7333 23.6946 20.7333 21.5346C20.7333 20.108 19.4933 18.948 17.9599 18.948C16.4266 18.948 15.1866 20.108 15.1866 21.5346C15.1866 23.8146 16.0666 25.948 17.6799 27.548C18.9466 28.8013 20.1599 29.4946 22.0399 30.0146C22.3999 30.108 22.5999 30.4813 22.5066 30.828C22.4399 31.1346 22.1599 31.3346 21.8799 31.3346V31.3346Z"
fill="currentColor"
/>
</svg>
);
Original file line number Diff line number Diff line change
@@ -0,0 +1,26 @@
import React from 'react';

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

export const AvCableAlt1Fill: 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="M7 6.5C7 6.22386 7.22386 6 7.5 6H8.5C8.77614 6 9 6.22386 9 6.5V11H11C11.5523 11 12 11.4477 12 12V18.2918C12 18.7575 11.8916 19.2169 11.6833 19.6334L10.3167 22.3666C10.1084 22.7831 10 23.2425 10 23.7082V25.5C10 26.1531 9.5826 26.7087 9 26.9146V29C9 29.5523 8.55228 30 8 30C7.44772 30 7 29.5523 7 29V26.9146C6.4174 26.7087 6 26.1531 6 25.5V23.7082C6 23.2425 5.89156 22.7831 5.68328 22.3666L4.31672 19.6334C4.10844 19.2169 4 18.7575 4 18.2918V12C4 11.4477 4.44772 11 5 11H7V6.5ZM5 14.5C5 14.2239 5.22386 14 5.5 14H10.5C10.7761 14 11 14.2239 11 14.5C11 14.7761 10.7761 15 10.5 15H5.5C5.22386 15 5 14.7761 5 14.5ZM5.5 16C5.22386 16 5 16.2239 5 16.5C5 16.7761 5.22386 17 5.5 17H10.5C10.7761 17 11 16.7761 11 16.5C11 16.2239 10.7761 16 10.5 16H5.5Z"
fill="currentColor"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M17 6.5C17 6.22386 17.2239 6 17.5 6H18.5C18.7761 6 19 6.22386 19 6.5V11H21C21.5523 11 22 11.4477 22 12V18.2918C22 18.7575 21.8916 19.2169 21.6833 19.6334L20.3167 22.3666C20.1084 22.7831 20 23.2425 20 23.7082V25.5C20 26.1531 19.5826 26.7087 19 26.9146V29C19 29.5523 18.5523 30 18 30C17.4477 30 17 29.5523 17 29V26.9146C16.4174 26.7087 16 26.1531 16 25.5V23.7082C16 23.2425 15.8916 22.7831 15.6833 22.3666L14.3167 19.6334C14.1084 19.2169 14 18.7575 14 18.2918V12C14 11.4477 14.4477 11 15 11H17V6.5ZM15 14.5C15 14.2239 15.2239 14 15.5 14H20.5C20.7761 14 21 14.2239 21 14.5C21 14.7761 20.7761 15 20.5 15H15.5C15.2239 15 15 14.7761 15 14.5ZM15.5 16C15.2239 16 15 16.2239 15 16.5C15 16.7761 15.2239 17 15.5 17H20.5C20.7761 17 21 16.7761 21 16.5C21 16.2239 20.7761 16 20.5 16H15.5Z"
fill="currentColor"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M27 6.5C27 6.22386 27.2239 6 27.5 6H28.5C28.7761 6 29 6.22386 29 6.5V11H31C31.5523 11 32 11.4477 32 12V18.2918C32 18.7575 31.8916 19.2169 31.6833 19.6334L30.3167 22.3666C30.1084 22.7831 30 23.2425 30 23.7082V25.5C30 26.1531 29.5826 26.7087 29 26.9146V29C29 29.5523 28.5523 30 28 30C27.4477 30 27 29.5523 27 29V26.9146C26.4174 26.7087 26 26.1531 26 25.5V23.7082C26 23.2425 25.8916 22.7831 25.6833 22.3666L24.3167 19.6334C24.1084 19.2169 24 18.7575 24 18.2918V12C24 11.4477 24.4477 11 25 11H27V6.5ZM25 14.5C25 14.2239 25.2239 14 25.5 14H30.5C30.7761 14 31 14.2239 31 14.5C31 14.7761 30.7761 15 30.5 15H25.5C25.2239 15 25 14.7761 25 14.5ZM25.5 16C25.2239 16 25 16.2239 25 16.5C25 16.7761 25.2239 17 25.5 17H30.5C30.7761 17 31 16.7761 31 16.5C31 16.2239 30.7761 16 30.5 16H25.5Z"
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 AvCableAlt2Fill: 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 9C13 10.6569 11.6569 12 10 12C8.34315 12 7 10.6569 7 9C7 7.34315 8.34315 6 10 6C11.6569 6 13 7.34315 13 9ZM11.5 9C11.5 9.82843 10.8284 10.5 10 10.5C9.17157 10.5 8.5 9.82843 8.5 9C8.5 8.17157 9.17157 7.5 10 7.5C10.8284 7.5 11.5 8.17157 11.5 9ZM21 9C21 10.6569 19.6569 12 18 12C16.3431 12 15 10.6569 15 9C15 7.34315 16.3431 6 18 6C19.6569 6 21 7.34315 21 9ZM19.5 9C19.5 9.82843 18.8284 10.5 18 10.5C17.1716 10.5 16.5 9.82843 16.5 9C16.5 8.17157 17.1716 7.5 18 7.5C18.8284 7.5 19.5 8.17157 19.5 9ZM26 12C27.6569 12 29 10.6569 29 9C29 7.34315 27.6569 6 26 6C24.3431 6 23 7.34315 23 9C23 10.6569 24.3431 12 26 12ZM26 10.5C26.8284 10.5 27.5 9.82843 27.5 9C27.5 8.17157 26.8284 7.5 26 7.5C25.1716 7.5 24.5 8.17157 24.5 9C24.5 9.82843 25.1716 10.5 26 10.5ZM9 15C9 14.4477 9.44772 14 10 14C10.5523 14 11 14.4477 11 15V18H12C12.5523 18 13 18.4477 13 19V24.5C13 24.9783 12.7762 25.4042 12.4276 25.6789C11.9937 26.0207 11.5 26.4477 11.5 27V29.5C11.5 29.7761 11.2761 30 11 30H9C8.72386 30 8.5 29.7761 8.5 29.5V27C8.5 26.4477 8.00626 26.0207 7.57245 25.6789C7.22383 25.4042 7 24.9783 7 24.5V19C7 18.4477 7.44772 18 8 18H9V15ZM8 21.5C8 21.2239 8.22386 21 8.5 21H11.5C11.7761 21 12 21.2239 12 21.5C12 21.7761 11.7761 22 11.5 22H8.5C8.22386 22 8 21.7761 8 21.5ZM8.5 23C8.22386 23 8 23.2239 8 23.5C8 23.7761 8.22386 24 8.5 24H11.5C11.7761 24 12 23.7761 12 23.5C12 23.2239 11.7761 23 11.5 23H8.5ZM18 14C17.4477 14 17 14.4477 17 15V18H16C15.4477 18 15 18.4477 15 19V24.5C15 24.9783 15.2238 25.4042 15.5724 25.6789C16.0063 26.0207 16.5 26.4477 16.5 27V29.5C16.5 29.7761 16.7239 30 17 30H19C19.2761 30 19.5 29.7761 19.5 29.5V27C19.5 26.4477 19.9937 26.0207 20.4276 25.6789C20.7762 25.4042 21 24.9783 21 24.5V19C21 18.4477 20.5523 18 20 18H19V15C19 14.4477 18.5523 14 18 14ZM16.5 21C16.2239 21 16 21.2239 16 21.5C16 21.7761 16.2239 22 16.5 22H19.5C19.7761 22 20 21.7761 20 21.5C20 21.2239 19.7761 21 19.5 21H16.5ZM16 23.5C16 23.2239 16.2239 23 16.5 23H19.5C19.7761 23 20 23.2239 20 23.5C20 23.7761 19.7761 24 19.5 24H16.5C16.2239 24 16 23.7761 16 23.5ZM25 15C25 14.4477 25.4477 14 26 14C26.5523 14 27 14.4477 27 15V18H28C28.5523 18 29 18.4477 29 19V24.5C29 24.9783 28.7762 25.4042 28.4276 25.6789C27.9937 26.0207 27.5 26.4477 27.5 27V29.5C27.5 29.7761 27.2761 30 27 30H25C24.7239 30 24.5 29.7761 24.5 29.5V27C24.5 26.4477 24.0063 26.0207 23.5724 25.6789C23.2238 25.4042 23 24.9783 23 24.5V19C23 18.4477 23.4477 18 24 18H25V15ZM24 21.5C24 21.2239 24.2239 21 24.5 21H27.5C27.7761 21 28 21.2239 28 21.5C28 21.7761 27.7761 22 27.5 22H24.5C24.2239 22 24 21.7761 24 21.5ZM24.5 23C24.2239 23 24 23.2239 24 23.5C24 23.7761 24.2239 24 24.5 24H27.5C27.7761 24 28 23.7761 28 23.5C28 23.2239 27.7761 23 27.5 23H24.5Z"
fill="currentColor"
/>
</svg>
);
Original file line number Diff line number Diff line change
@@ -0,0 +1,16 @@
import React from 'react';

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

export const AvTextOutline: React.FC<IconProps> = (props) => (
<svg width="100%" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
<path
d="M13.6777 22.7539C13.6059 22.5563 13.4181 22.4248 13.2078 22.4248H6.47411C6.26294 22.4248 6.07453 22.5575 6.00336 22.7563L4.60268 26.6693C4.53151 26.8681 4.3431 27.0008 4.13193 27.0008H2.26607C1.91737 27.0008 1.67576 26.6528 1.79758 26.3261L8.21072 9.1261C8.28366 8.93049 8.47045 8.80078 8.67922 8.80078H11.1322C11.3403 8.80078 11.5266 8.92965 11.6 9.12434L18.0869 26.3243C18.2102 26.6514 17.9686 27.0008 17.6191 27.0008H15.5722C15.362 27.0008 15.1742 26.8692 15.1023 26.6717L13.6777 22.7539ZM7.27299 19.2594C7.15569 19.5853 7.39713 19.9288 7.74343 19.9288H11.9366C12.2829 19.9288 12.5244 19.5853 12.4071 19.2594L10.3105 13.4356C10.1518 12.9947 9.52828 12.9947 9.36958 13.4356L7.27299 19.2594Z"
fill="currentColor"
/>
<path
d="M17.8168 9.47014C17.6995 9.14431 17.9409 8.80078 18.2872 8.80078H20.3936C20.6058 8.80078 20.7949 8.93474 20.8653 9.13494L25.4392 22.1441C25.597 22.593 26.2335 22.5884 26.3849 22.1373L30.7474 9.14166C30.8158 8.93801 31.0066 8.80078 31.2214 8.80078H33.1433C33.4888 8.80078 33.7302 9.14284 33.6144 9.46835L27.4961 26.6684C27.4252 26.8677 27.2365 27.0008 27.025 27.0008H24.4792C24.2684 27.0008 24.0802 26.8685 24.0088 26.6701L17.8168 9.47014Z"
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 BalloonOutline: 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="M18 27C18.5523 27 19 27.4477 19 28C19 29.8497 18.1378 30.4963 16.2425 30.9701L15.909 31.0568C15.1089 31.276 15 31.4219 15 32C15 32.5523 14.5523 33 14 33C13.4477 33 13 32.5523 13 32C13 30.1503 13.8622 29.5037 15.7575 29.0299L16.091 28.9432C16.8911 28.724 17 28.5781 17 28C17 27.4477 17.4477 27 18 27ZM18 3C22.9985 3 27 7.50148 27 13C27 17.113 24.353 20.6024 20.8711 22.8415L21.8575 24.4855C22.2574 25.152 21.7773 26 21 26H15C14.2227 26 13.7426 25.152 14.1425 24.4855L15.1289 22.8415L14.8484 22.6573C11.5059 20.4134 9 17.0019 9 13C9 7.50148 13.0015 3 18 3ZM18 5C14.162 5 11 8.55704 11 13C11 16.5745 13.647 19.7493 16.99 21.6283C17.4811 21.9043 17.6474 22.5314 17.3575 23.0145L16.7662 24H19.2338L18.6425 23.0145C18.3526 22.5314 18.5189 21.9043 19.01 21.6283C22.353 19.7493 25 16.5745 25 13C25 8.55704 21.838 5 18 5ZM17.765 6.9999C18.3173 6.9999 18.765 7.44762 18.765 7.9999C18.765 8.55218 18.3173 8.9999 17.765 8.9999L17.5946 9.00522C15.9003 9.11116 14.5 10.7873 14.5 12.8979C14.5 13.4502 14.0523 13.8979 13.5 13.8979C12.9477 13.8979 12.5 13.4502 12.5 12.8979C12.5 9.66916 14.8245 6.9999 17.765 6.9999Z"
fill="currentColor"
/>
</svg>
);
14 changes: 14 additions & 0 deletions packages/plasma-icons/src/scalable/Icon.assets.36/Bell.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 Bell: 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="M25.7346 17.9359L25.8628 18.3115L25.9406 18.5241L28.3792 21.9163C29.8386 24.0703 28.5815 27 26.0572 27H9.95419C7.43066 27 6.17292 24.0701 7.61624 21.9392L10.1111 18.417C10.3709 17.717 10.4642 17.3593 10.4642 17V13C10.4642 9.44348 13.2455 7 16.9992 7H19.0122C22.766 7 25.5482 9.44359 25.5482 13V17C25.5482 17.2466 25.6057 17.533 25.7346 17.9359ZM23.5482 13C23.5482 10.6101 21.7151 9 19.0122 9H16.9992C14.2966 9 12.4642 10.6098 12.4642 13V17C12.4642 17.5832 12.361 18.0552 12.1081 18.7762L11.8926 19.3621L9.26019 23.078C8.67884 23.9367 9.13527 25 9.95419 25H26.0572C26.8767 25 27.3328 23.9371 26.7392 23.0608L24.1625 19.477L24.0218 19.1018C23.6933 18.2078 23.5482 17.6408 23.5482 17V13ZM14 17V14C14 12.2191 15.2243 11 17 11H18C18.5523 11 19 11.4477 19 12C19 12.5523 18.5523 13 18 13H17C16.327 13 16 13.3256 16 14V17C16 17.5523 15.5523 18 15 18C14.4477 18 14 17.5523 14 17ZM15 30C15 30.5523 15.4477 31 16 31H20C20.5523 31 21 30.5523 21 30C21 29.4477 20.5523 29 20 29H16C15.4477 29 15 29.4477 15 30Z"
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 BetaCircleOutline: 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="M18 5C25.1797 5 31 10.8203 31 18C31 25.1797 25.1797 31 18 31C10.8203 31 5 25.1797 5 18C5 10.8203 10.8203 5 18 5ZM18 7C11.9249 7 7 11.9249 7 18C7 24.0751 11.9249 29 18 29C24.0751 29 29 24.0751 29 18C29 11.9249 24.0751 7 18 7ZM18.0644 11.6C19.0824 11.6 19.8661 11.849 20.4521 12.3324C21.0307 12.8305 21.3163 13.5189 21.3163 14.3905C21.3163 14.9911 21.1259 15.5551 20.745 16.0751C20.3642 16.5951 19.8734 16.954 19.2655 17.1518V17.1811C20.1811 17.3275 20.8915 17.6571 21.3749 18.1918C21.8583 18.7118 22.1 19.3783 22.1 20.1986C22.1 21.1654 21.7631 21.9564 21.0966 22.5644C20.4228 23.1723 19.5438 23.4726 18.4452 23.4726C17.6688 23.4726 16.9584 23.3188 16.3212 23.0185V25.4182H14.6V15.057C14.6 13.995 14.9149 13.1601 15.5375 12.5375C16.1527 11.9149 17.0097 11.6 18.0644 11.6ZM18.057 13.0063C17.5004 13.0063 17.0683 13.182 16.768 13.5409C16.4677 13.8998 16.3212 14.3979 16.3212 15.0497V21.4877C16.9877 21.8759 17.6396 22.0663 18.2694 22.0663C18.8847 22.0663 19.3681 21.9052 19.7123 21.5902C20.0565 21.268 20.225 20.8139 20.225 20.2353C20.225 18.9242 19.2875 18.1918 17.4125 18.0087V16.6024C18.0497 16.5219 18.5697 16.2875 18.9872 15.892C19.3974 15.4892 19.6024 15.0424 19.6024 14.5297C19.6024 13.5189 19.0824 13.0063 18.057 13.0063Z"
fill="currentColor"
/>
</svg>
);
14 changes: 14 additions & 0 deletions packages/plasma-icons/src/scalable/Icon.assets.36/Block.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 Block: 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="M25.0391 26.4533C23.1316 28.0434 20.6775 29 18 29C11.9249 29 7 24.0751 7 18C7 15.3225 7.95662 12.8684 9.54673 10.9609L25.0391 26.4533ZM26.4533 25.0391L10.9609 9.54673C12.8684 7.95662 15.3225 7 18 7C24.0751 7 29 11.9249 29 18C29 20.6775 28.0434 23.1316 26.4533 25.0391ZM31 18C31 25.1797 25.1797 31 18 31C10.8203 31 5 25.1797 5 18C5 10.8203 10.8203 5 18 5C25.1797 5 31 10.8203 31 18Z"
fill="currentColor"
/>
</svg>
);
Loading