feat(plasma-icons): Add icons for 36 dp from P to W

examples/demo-canvas-app/pages/index.tsx

@@ -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`

examples/demo-canvas-app/pages/test/components/icons.tsx

@@ -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,
+        },
+    };
+}

packages/plasma-icons/src/index.ts

@@ -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';

packages/plasma-icons/src/scalable/Icon.assets.36/CamPhoto.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+
+import { IconProps } from '../IconRoot';
+
+export const CamPhoto: 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="M24.4 7.5H23V6H24.4C26.3602 6 27.3403 6 28.089 6.38148C28.7475 6.71703 29.283 7.25247 29.6185 7.91103C30 8.65972 30 9.63982 30 11.6V13H28.5V11.6C28.5 10.5952 28.4988 9.93174 28.4573 9.42335C28.4172 8.93248 28.3471 8.71966 28.282 8.59202C28.0903 8.21569 27.7843 7.90973 27.408 7.71799C27.2803 7.65295 27.0675 7.58281 26.5766 7.5427C26.0683 7.50117 25.4048 7.5 24.4 7.5ZM13 6V7.5H11.6C10.5952 7.5 9.93174 7.50117 9.42335 7.5427C8.93248 7.58281 8.71966 7.65295 8.59202 7.71799C8.21569 7.90973 7.90973 8.21569 7.71799 8.59202C7.65295 8.71966 7.58281 8.93248 7.5427 9.42335C7.50117 9.93174 7.5 10.5952 7.5 11.6V13H6V11.6C6 9.63982 6 8.65972 6.38148 7.91103C6.71703 7.25247 7.25247 6.71703 7.91103 6.38148C8.65972 6 9.63982 6 11.6 6H13ZM6 23H7.5V24.4C7.5 25.4048 7.50117 26.0683 7.5427 26.5766C7.58281 27.0675 7.65295 27.2803 7.71799 27.408C7.90973 27.7843 8.21569 28.0903 8.59202 28.282C8.71966 28.3471 8.93248 28.4172 9.42335 28.4573C9.93174 28.4988 10.5952 28.5 11.6 28.5H13V30H11.6C9.63982 30 8.65972 30 7.91103 29.6185C7.25247 29.283 6.71703 28.7475 6.38148 28.089C6 27.3403 6 26.3602 6 24.4V23ZM23 30V28.5H24.4C25.4048 28.5 26.0683 28.4988 26.5766 28.4573C27.0675 28.4172 27.2803 28.3471 27.408 28.282C27.7843 28.0903 28.0903 27.7843 28.282 27.408C28.3471 27.2803 28.4172 27.0675 28.4573 26.5766C28.4988 26.0683 28.5 25.4048 28.5 24.4V23H30V24.4C30 26.3602 30 27.3403 29.6185 28.089C29.283 28.7475 28.7475 29.283 28.089 29.6185C27.3403 30 26.3602 30 24.4 30H23ZM14.4138 13.6234C14.3305 14.9629 14.6686 16.2949 15.3806 17.4326C15.7673 17.9354 16.8405 17.9064 17.5462 17.8097C18.4398 17.6836 19.2627 17.2533 19.8762 16.5915C20.7704 15.6278 21.2766 14.3674 21.2975 13.053C21.3039 12.3123 21.034 11.5959 20.5406 11.0435C20.0473 10.4911 19.3657 10.1424 18.6291 10.0655C18.1096 9.96413 17.5739 9.98059 17.0616 10.1137C16.5493 10.2467 16.0734 10.493 15.6689 10.8344C15.2644 11.1758 14.9417 11.6036 14.7245 12.0863C14.5072 12.569 14.4011 13.0942 14.4138 13.6234ZM24.7106 20.9133C24.5556 20.3803 24.251 19.9029 23.8329 19.5379C23.4147 19.1729 22.9006 18.9355 22.3516 18.854C19.5013 18.5146 16.6134 18.6882 13.8243 19.3664C13.3214 19.4932 12.8633 19.7561 12.5 20.1262C12.1367 20.4962 11.8824 20.9592 11.765 21.4643C11.4791 22.8062 11.3236 24.1725 11.3009 25.5443C11.2996 25.5959 11.3087 25.6472 11.3275 25.6953C11.3464 25.7433 11.3747 25.7871 11.4107 25.824C11.4467 25.861 11.4898 25.8903 11.5374 25.9104C11.5849 25.9304 11.636 25.9407 11.6876 25.9407H21.6458L21.3654 24.8095C21.2912 24.5306 21.2008 24.2562 21.0947 23.9877L20.8627 23.427L21.6458 23.0983L21.8778 23.659C22.005 23.9731 22.1084 24.2963 22.1872 24.6258L22.5159 25.96H25.4164C25.468 25.96 25.5191 25.9497 25.5666 25.9297C25.6142 25.9097 25.6573 25.8803 25.6933 25.8434C25.7293 25.8064 25.7576 25.7626 25.7765 25.7146C25.7953 25.6666 25.8044 25.6152 25.8031 25.5636C25.6173 23.9769 25.2508 22.4167 24.7106 20.9133Z"
+            fill="currentColor"
+        />
+    </svg>
+);

packages/plasma-icons/src/scalable/Icon.assets.36/CameraOutline.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+
+import { IconProps } from '../IconRoot';
+
+export const CameraOutline: 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="M11 11C11 9.44877 12.4396 8 14 8H22C23.5604 8 25 9.44877 25 11H27C28.6563 11 30 12.3437 30 14V25.2C30 26.7503 28.7273 28 27.167 28H8.833C7.27268 28 6 26.7503 6 25.2V14C6 12.3437 7.34372 11 9 11H11ZM14 10C13.547 10 13 10.5505 13 11V12C13 12.5523 12.5523 13 12 13H9C8.44828 13 8 13.4483 8 14V25.2C8 25.6375 8.36916 26 8.833 26H27.167C27.6308 26 28 25.6375 28 25.2V14C28 13.4483 27.5517 13 27 13H24C23.4477 13 23 12.5523 23 12V11C23 10.5505 22.453 10 22 10H14ZM18 14C20.7613 14 23 16.2387 23 19C23 21.7613 20.7613 24 18 24C15.2387 24 13 21.7613 13 19C13 16.2387 15.2387 14 18 14ZM18 16C16.3433 16 15 17.3433 15 19C15 20.6567 16.3433 22 18 22C19.6567 22 21 20.6567 21 19C21 17.3433 19.6567 16 18 16Z"
+            fill="currentColor"
+        />
+    </svg>
+);

packages/plasma-icons/src/scalable/Icon.assets.36/CirclePlus.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+
+import { IconProps } from '../IconRoot';
+
+export const CirclePlus: 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="M17.9999 31C25.1795 31 30.9999 25.18 30.9999 18C30.9999 10.8207 25.1792 5 17.9999 5C10.8206 5 4.99988 10.8207 4.99988 18C4.99988 25.18 10.8203 31 17.9999 31ZM17.9999 7C24.0746 7 28.9999 11.9253 28.9999 18C28.9999 24.0754 24.075 29 17.9999 29C11.9248 29 6.99988 24.0754 6.99988 18C6.99988 11.9253 11.9252 7 17.9999 7ZM18.9999 17H23.9999C24.5522 17 24.9999 17.4477 24.9999 18C24.9999 18.5523 24.5522 19 23.9999 19H18.9999V24C18.9999 24.5523 18.5522 25 17.9999 25C17.4476 25 16.9999 24.5523 16.9999 24V19H11.9999C11.4476 19 10.9999 18.5523 10.9999 18C10.9999 17.4477 11.4476 17 11.9999 17H16.9999V12C16.9999 11.4477 17.4476 11 17.9999 11C18.5522 11 18.9999 11.4477 18.9999 12V17Z"
+            fill="currentColor"
+        />
+    </svg>
+);

packages/plasma-icons/src/scalable/Icon.assets.36/CounterclockWise.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+
+import { IconProps } from '../IconRoot';
+
+export const CounterclockWise: 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="M17.9214 7C23.9967 7 28.9214 11.9247 28.9214 18C28.9214 18.5523 28.4737 19 27.9214 19C27.3691 19 26.9214 18.5523 26.9214 18C26.9214 13.0293 22.8921 9 17.9214 9C14.8632 9 12.0887 10.5413 10.4476 12.9912H12.5786C13.1309 12.9912 13.5786 13.4389 13.5786 13.9912C13.5786 14.5435 13.1309 14.9912 12.5786 14.9912H8.89288C8.805 15.0031 8.71497 15.0034 8.62511 14.9912H8.07861C7.52633 14.9912 7.07861 14.5435 7.07861 13.9912V9.4912C7.07861 8.93892 7.52633 8.4912 8.07861 8.4912C8.6309 8.4912 9.07861 8.93892 9.07861 9.4912V11.4623C11.1119 8.71084 14.3593 7 17.9214 7ZM7.07861 18C7.07861 24.0753 12.0033 29 18.0786 29C21.6268 29 24.8627 27.3025 26.8975 24.57V26.5C26.8975 27.0523 27.3452 27.5 27.8975 27.5C28.4498 27.5 28.8975 27.0523 28.8975 26.5V22C28.8975 21.4477 28.4498 21 27.8975 21H27.2636C27.2486 20.9997 27.2336 20.9997 27.2187 21H23.3975C22.8452 21 22.3975 21.4477 22.3975 22C22.3975 22.5523 22.8452 23 23.3975 23H25.5584C23.918 25.455 21.1404 27 18.0786 27C13.1079 27 9.07861 22.9707 9.07861 18C9.07861 17.4477 8.6309 17 8.07861 17C7.52633 17 7.07861 17.4477 7.07861 18Z"
+            fill="currentColor"
+        />
+    </svg>
+);

packages/plasma-icons/src/scalable/Icon.assets.36/Gallery.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+
+import { IconProps } from '../IconRoot';
+
+export const Gallery: 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="M11.6 7.5H21.4C22.4048 7.5 23.0683 7.50117 23.5766 7.5427C24.0675 7.58281 24.2803 7.65295 24.408 7.71799C24.7843 7.90973 25.0903 8.21569 25.282 8.59202C25.3471 8.71966 25.4172 8.93248 25.4573 9.42335C25.4988 9.93174 25.5 10.5952 25.5 11.6V21.4C25.5 22.4048 25.4988 23.0683 25.4573 23.5766C25.4284 23.93 25.384 24.1393 25.3371 24.2764L18.2324 17.1718C17.2756 16.215 15.7244 16.215 14.7676 17.1718L7.66291 24.2764C7.61601 24.1393 7.57157 23.93 7.5427 23.5766C7.50117 23.0683 7.5 22.4048 7.5 21.4V11.6C7.5 10.5952 7.50117 9.93174 7.5427 9.42335C7.58281 8.93248 7.65295 8.71966 7.71799 8.59202C7.90973 8.21569 8.21569 7.90973 8.59202 7.71799C8.71966 7.65295 8.93248 7.58281 9.42335 7.5427C9.93174 7.50117 10.5952 7.5 11.6 7.5ZM8.72357 25.3371C8.8607 25.384 9.06998 25.4284 9.42335 25.4573C9.93174 25.4988 10.5952 25.5 11.6 25.5H21.4C22.4048 25.5 23.0683 25.4988 23.5766 25.4573C23.93 25.4284 24.1393 25.384 24.2764 25.3371L17.1718 18.2324C16.8008 17.8614 16.1992 17.8614 15.8282 18.2324L8.72357 25.3371ZM6 11.6C6 9.63982 6 8.65972 6.38148 7.91103C6.71703 7.25247 7.25247 6.71703 7.91103 6.38148C8.65972 6 9.63982 6 11.6 6H21.4C23.3602 6 24.3403 6 25.089 6.38148C25.7475 6.71703 26.283 7.25247 26.6185 7.91103C27 8.65972 27 9.63982 27 11.6V21.4C27 23.3602 27 24.3403 26.6185 25.089C26.283 25.7475 25.7475 26.283 25.089 26.6185C24.3403 27 23.3602 27 21.4 27H11.6C9.63982 27 8.65972 27 7.91103 26.6185C7.25247 26.283 6.71703 25.7475 6.38148 25.089C6 24.3403 6 23.3602 6 21.4V11.6ZM10.8662 29.6273C10.3401 29.3592 9.8945 28.9606 9.57031 28.4723C10.1346 28.4999 10.791 28.4999 11.54 28.4999H11.54H11.5401H11.5401H12.4336C12.9182 28.5338 13.5463 28.5348 14.4694 28.5348H19.8415C21.6435 28.5348 22.9069 28.5336 23.8921 28.4531C24.8602 28.3741 25.4299 28.2257 25.868 28.0025C26.7869 27.5343 27.534 26.7872 28.0022 25.8682C28.2255 25.4301 28.3738 24.8604 28.4529 23.8924C28.5334 22.9072 28.5345 21.6438 28.5345 19.8418V14.4697C28.5345 13.5466 28.5335 12.9185 28.4997 12.4339V11.5403V11.5401C28.4997 10.7912 28.4997 10.1348 28.4721 9.57056C28.9603 9.89474 29.359 10.3404 29.627 10.8665C29.9996 11.5978 29.9996 12.5551 29.9996 14.4697V19.8418C29.9996 23.3974 29.9996 25.1753 29.3077 26.5334C28.699 27.728 27.7277 28.6992 26.5331 29.3079C25.175 29.9999 23.3972 29.9999 19.8415 29.9999H14.4694C12.5548 29.9999 11.5975 29.9999 10.8662 29.6273ZM22 12.5C22 13.3284 21.3284 14 20.5 14C19.6716 14 19 13.3284 19 12.5C19 11.6716 19.6716 11 20.5 11C21.3284 11 22 11.6716 22 12.5Z"
+            fill="currentColor"
+        />
+    </svg>
+);

packages/plasma-icons/src/scalable/Icon.assets.36/PauseAltCircle.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+
+import { IconProps } from '../IconRoot';
+
+export const PauseAltCircle: 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.1793 5 31 10.8207 31 18C31 25.1793 25.1793 31 18 31C10.8207 31 5 25.1793 5 18C5 10.8207 10.8207 5 18 5ZM18 7C11.9253 7 7 11.9253 7 18C7 24.0747 11.9253 29 18 29C24.0747 29 29 24.0747 29 18C29 11.9253 24.0747 7 18 7ZM15 13C15.5523 13 16 13.4477 16 14V22C16 22.5523 15.5523 23 15 23C14.4477 23 14 22.5523 14 22V14C14 13.4477 14.4477 13 15 13ZM21 13C21.5523 13 22 13.4477 22 14V22C22 22.5523 21.5523 23 21 23C20.4477 23 20 22.5523 20 22V14C20 13.4477 20.4477 13 21 13Z"
+            fill="currentColor"
+        />
+    </svg>
+);

packages/plasma-icons/src/scalable/Icon.assets.36/PauseFill.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+
+import { IconProps } from '../IconRoot';
+
+export const PauseFill: React.FC<IconProps> = (props) => (
+    <svg width="100%" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M15.72 7.26172H11.4V28.6417H15.72V7.26172Z" fill="currentColor" />
+        <path d="M25.07 7.26172H20.75V28.6417H25.07V7.26172Z" fill="currentColor" />
+    </svg>
+);

packages/plasma-icons/src/scalable/Icon.assets.36/PauseOutline.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+
+import { IconProps } from '../IconRoot';
+
+export const PauseOutline: React.FC<IconProps> = (props) => (
+    <svg width="100%" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M15.12 7.33984H11.92V28.6598H15.12V7.33984Z" fill="currentColor" />
+        <path d="M24.08 7.33984H20.88V28.6598H24.08V7.33984Z" fill="currentColor" />
+    </svg>
+);

packages/plasma-icons/src/scalable/Icon.assets.36/PencilCrossOutline.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+
+import { IconProps } from '../IconRoot';
+
+export const PencilCrossOutline: 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="M28.7071 7.29289C29.0676 7.65338 29.0953 8.22061 28.7903 8.6129L28.7071 8.70711L8.70711 28.7071C8.31658 29.0976 7.68342 29.0976 7.29289 28.7071C6.93241 28.3466 6.90468 27.7794 7.2097 27.3871L7.29289 27.2929L14.463 20.121L8.61485 14.2724C8.25432 13.9119 8.22656 13.3446 8.5316 12.9523L8.61479 12.8581L12.8578 8.61509C13.2187 8.2542 13.7867 8.22687 14.179 8.53281L14.2731 8.61624L20.111 14.473L27.2929 7.29289C27.6834 6.90237 28.3166 6.90237 28.7071 7.29289ZM23.0859 17.4399L23.1801 17.5231L27.7071 22.0501C27.8634 22.2064 27.9626 22.4091 27.9913 22.6258L28 22.7572V27.0002C28 27.513 27.614 27.9357 27.1166 27.9935L27 28.0002H22.757C22.536 28.0002 22.3225 27.927 22.1489 27.7941L22.0498 27.7072L17.5228 23.1792C17.1323 22.7887 17.1324 22.1555 17.523 21.765C17.8835 21.4046 18.4507 21.3769 18.843 21.682L18.9372 21.7652L23.171 26H26V23.172L21.7659 18.9373C21.4054 18.5768 21.3777 18.0096 21.6827 17.6173L21.7659 17.5231C22.1264 17.1626 22.6936 17.1349 23.0859 17.4399ZM17.085 14.271L14.264 17.093L15.878 18.707L18.696 15.888L17.085 14.271ZM13.563 10.738L10.736 13.565L12.85 15.679L15.673 12.855L13.563 10.738Z"
+            fill="currentColor"
+        />
+    </svg>
+);

packages/plasma-icons/src/scalable/Icon.assets.36/PinFill.tsx

@@ -0,0 +1,12 @@
+import React from 'react';
+
+import { IconProps } from '../IconRoot';
+
+export const PinFill: React.FC<IconProps> = (props) => (
+    <svg width="100%" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path
+            d="M18 5C15.3478 5 12.8043 6.05357 10.9289 7.92893C9.05357 9.8043 8 12.3478 8 15C8 21 14.26 28.34 16.87 31.15C17.0116 31.3066 17.1844 31.4317 17.3773 31.5173C17.5702 31.603 17.7789 31.6472 17.99 31.6472C18.2011 31.6472 18.4098 31.603 18.6027 31.5173C18.7956 31.4317 18.9684 31.3066 19.11 31.15C21.71 28.19 28 20.65 28 14.93C27.9815 12.29 26.9198 9.76439 25.0464 7.90414C23.1731 6.04389 20.6401 4.99994 18 5ZM18 19.53C17.0942 19.53 16.2087 19.2614 15.4555 18.7581C14.7023 18.2549 14.1153 17.5396 13.7686 16.7027C13.422 15.8658 13.3313 14.9449 13.508 14.0565C13.6847 13.1681 14.1209 12.352 14.7615 11.7115C15.402 11.0709 16.2181 10.6347 17.1065 10.458C17.9949 10.2813 18.9158 10.372 19.7527 10.7186C20.5896 11.0653 21.3049 11.6523 21.8081 12.4055C22.3114 13.1587 22.58 14.0442 22.58 14.95C22.5747 16.1612 22.0898 17.321 21.2315 18.1756C20.3732 19.0302 19.2112 19.51 18 19.51V19.53Z"
+            fill="currentColor"
+        />
+    </svg>
+);

packages/plasma-icons/src/scalable/Icon.assets.36/PinOutline.tsx

@@ -0,0 +1,16 @@
+import React from 'react';
+
+import { IconProps } from '../IconRoot';
+
+export const PinOutline: React.FC<IconProps> = (props) => (
+    <svg width="100%" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path
+            d="M18.24 31.0697C17.8829 31.066 17.5302 30.9897 17.2036 30.8452C16.8769 30.7008 16.5831 30.4914 16.34 30.2297C13.77 27.4697 7.78003 20.4097 7.78003 14.4297C7.78003 11.6449 8.88628 8.9742 10.8554 7.00507C12.8245 5.03593 15.4953 3.92969 18.28 3.92969C21.0648 3.92969 23.7355 5.03593 25.7046 7.00507C27.6738 8.9742 28.78 11.6449 28.78 14.4297C28.78 19.9297 23.41 26.6697 20.22 30.1997C19.9751 30.4665 19.6787 30.6811 19.3488 30.8306C19.0189 30.9801 18.6621 31.0614 18.3 31.0697H18.24ZM18.24 6.40969C16.1093 6.40434 14.0631 7.24294 12.5489 8.7421C11.0348 10.2413 10.1759 12.279 10.16 14.4097C10.16 19.6797 16.22 26.5797 18.07 28.5697C18.12 28.6197 18.18 28.6597 18.23 28.6397C18.2585 28.6388 18.2864 28.6321 18.3122 28.6201C18.338 28.6081 18.3611 28.5909 18.38 28.5697C20.24 26.5097 26.32 19.4197 26.32 14.4097C26.3042 12.2825 25.448 10.2477 23.9382 8.74915C22.4284 7.25056 20.3873 6.40963 18.26 6.40969H18.24Z"
+            fill="currentColor"
+        />
+        <path
+            d="M18.26 11.78C18.8178 11.78 19.363 11.9454 19.8267 12.2553C20.2905 12.5651 20.6519 13.0055 20.8654 13.5208C21.0788 14.0361 21.1347 14.6031 21.0259 15.1502C20.917 15.6972 20.6485 16.1997 20.2541 16.594C19.8597 16.9884 19.3572 17.257 18.8102 17.3658C18.2632 17.4746 17.6962 17.4188 17.1809 17.2053C16.6656 16.9919 16.2252 16.6305 15.9153 16.1667C15.6054 15.703 15.44 15.1577 15.44 14.6C15.44 13.8521 15.7371 13.1348 16.266 12.606C16.7948 12.0771 17.5121 11.78 18.26 11.78ZM18.26 10.5C17.4491 10.5 16.6564 10.7405 15.9822 11.191C15.308 11.6415 14.7824 12.2818 14.4721 13.031C14.1618 13.7802 14.0806 14.6045 14.2388 15.3999C14.397 16.1952 14.7875 16.9257 15.3609 17.4991C15.9343 18.0725 16.6648 18.463 17.4602 18.6212C18.2555 18.7794 19.0799 18.6982 19.829 18.3879C20.5782 18.0776 21.2185 17.5521 21.6691 16.8778C22.1196 16.2036 22.36 15.4109 22.36 14.6C22.3574 13.5134 21.9246 12.4721 21.1563 11.7038C20.3879 10.9355 19.3466 10.5026 18.26 10.5Z"
+            fill="currentColor"
+        />
+    </svg>
+);

packages/plasma-icons/src/scalable/Icon.assets.36/PlayFill.tsx

@@ -0,0 +1,12 @@
+import React from 'react';
+
+import { IconProps } from '../IconRoot';
+
+export const PlayFill: 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.3 16.8004L11.88 6.43038C11.6537 6.2877 11.3934 6.20813 11.126 6.19993C10.8586 6.19172 10.5939 6.25516 10.3593 6.38369C10.1247 6.51222 9.92873 6.70115 9.7917 6.9309C9.65468 7.16065 9.58159 7.42287 9.58002 7.69038V28.4304C9.57981 28.6987 9.6516 28.9622 9.78791 29.1934C9.92421 29.4246 10.12 29.6149 10.3549 29.7446C10.5899 29.8744 10.8553 29.9387 11.1235 29.9309C11.3918 29.9231 11.653 29.8435 11.88 29.7004L28.3 19.3304C28.5127 19.1949 28.6878 19.0079 28.8091 18.7868C28.9303 18.5657 28.9939 18.3176 28.9939 18.0654C28.9939 17.8132 28.9303 17.5651 28.8091 17.344C28.6878 17.1229 28.5127 16.9359 28.3 16.8004Z"
+            fill="currentColor"
+        />
+    </svg>
+);