Skip to content

Commit

Permalink
feat: add SlowMotion icons
Browse files Browse the repository at this point in the history
  • Loading branch information
mia committed Jan 9, 2024
1 parent 792066f commit 8278e7a
Show file tree
Hide file tree
Showing 8 changed files with 67 additions and 0 deletions.
1 change: 1 addition & 0 deletions packages/vibrant-icons/assets/icons/SlowMotion/Fill.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions packages/vibrant-icons/assets/icons/SlowMotion/Regular.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions packages/vibrant-icons/assets/icons/SlowMotion/Thin.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
20 changes: 20 additions & 0 deletions packages/vibrant-icons/src/lib/Icon/generated/SlowMotion/Fill.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
import { Svg } from '@vibrant-ui/core';
import type { IconComponent, IconProps } from '../../IconProp';

export const Fill: IconComponent<IconProps, 'Fill'> = ({
size = 24,
fill = 'onColor',
testId = 'slowmotion-fill',
...props
}) => (
<Svg viewBox="0 0 24 24" width={size} height={size} fill={fill} data-testid={testId} {...props}>
<Svg.Path
d="M333.7 240 188 333.67V146.34l145.7 93.67ZM38.99 220h44.26c3.52-28.04 14.43-54.38 31.77-76.7l-31.23-31.23C59.17 142.08 43.01 179.28 38.99 220Zm73.08-136.21 31.23 31.23c22.32-17.34 48.65-28.25 76.7-31.77V38.99c-40.72 4.02-77.92 20.18-107.93 44.8Zm0 312.42c30.01 24.62 67.21 40.78 107.93 44.8v-44.26c-28.04-3.52-54.38-14.43-76.7-31.77l-31.23 31.23ZM260 38.99v44.26c34.63 4.35 66.65 19.95 91.72 45.03C381.57 158.11 398 197.79 398 240s-16.43 81.88-46.28 111.72c-25.07 25.07-57.09 40.68-91.72 45.03v44.26C362.03 430.94 442 344.63 442 240S362.03 49.06 260 38.99ZM83.79 367.93l31.23-31.23c-17.34-22.32-28.25-48.65-31.77-76.7H38.99c4.02 40.72 20.18 77.92 44.8 107.93Z"
style={{
strokeWidth: 0,
}}
/>
</Svg>
);

Fill.iconType = 'Fill';
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
import { Svg } from '@vibrant-ui/core';
import type { IconComponent, IconProps } from '../../IconProp';

export const Regular: IconComponent<IconProps, 'Regular'> = ({
size = 24,
fill = 'onColor',
testId = 'slowmotion-regular',
...props
}) => (
<Svg viewBox="0 0 24 24" width={size} height={size} fill={fill} data-testid={testId} {...props}>
<Svg.Path
d="M333.7 240 188 333.67V146.34l145.7 93.67ZM38.99 220h44.26c3.52-28.04 14.43-54.38 31.77-76.7l-31.23-31.23C59.17 142.08 43.01 179.28 38.99 220Zm73.08-136.21 31.23 31.23c22.32-17.34 48.65-28.25 76.7-31.77V38.99c-40.72 4.02-77.92 20.18-107.93 44.8Zm0 312.42c30.01 24.62 67.21 40.78 107.93 44.8v-44.26c-28.04-3.52-54.38-14.43-76.7-31.77l-31.23 31.23ZM260 38.99v44.26c34.63 4.35 66.65 19.95 91.72 45.03C381.57 158.11 398 197.79 398 240s-16.43 81.88-46.28 111.72c-25.07 25.07-57.09 40.68-91.72 45.03v44.26C362.03 430.94 442 344.63 442 240S362.03 49.06 260 38.99ZM83.79 367.93l31.23-31.23c-17.34-22.32-28.25-48.65-31.77-76.7H38.99c4.02 40.72 20.18 77.92 44.8 107.93Z"
style={{
strokeWidth: 0,
}}
/>
</Svg>
);

Regular.iconType = 'Regular';
20 changes: 20 additions & 0 deletions packages/vibrant-icons/src/lib/Icon/generated/SlowMotion/Thin.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
import { Svg } from '@vibrant-ui/core';
import type { IconComponent, IconProps } from '../../IconProp';

export const Thin: IconComponent<IconProps, 'Thin'> = ({
size = 24,
fill = 'onColor',
testId = 'slowmotion-thin',
...props
}) => (
<Svg viewBox="0 0 24 24" width={size} height={size} fill={fill} data-testid={testId} {...props}>
<Svg.Path
d="M193 155.5 324.44 240 193 324.5v-169Zm27-77.29v-34.2c-39.34 3.98-75.29 19.6-104.37 43.34l24.11 24.11c23.3-18.25 50.89-29.67 80.26-33.25Zm-108.55 61.53-24.11-24.11C63.6 144.71 47.99 180.66 44 220h34.2c3.57-29.38 15-56.96 33.24-80.26Zm4.18 252.92C144.71 416.39 180.66 432.01 220 436v-34.2c-29.38-3.57-56.96-15-80.26-33.24l-24.11 24.11ZM44.01 260c3.98 39.34 19.6 75.29 43.34 104.37l24.11-24.11c-18.25-23.3-29.67-50.89-33.25-80.26h-34.2ZM260 44.01v34.2c35.96 4.37 69.24 20.51 95.26 46.53C386.05 155.53 403 196.47 403 240s-16.95 84.47-47.74 115.26c-26.02 26.02-59.3 42.16-95.26 46.53v34.2c99.27-10.05 177-94.12 177-195.99S359.27 54.06 260 44.01Z"
style={{
strokeWidth: 0,
}}
/>
</Svg>
);

Thin.iconType = 'Thin';
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
export { Fill } from './Fill';
export { Regular } from './Regular';
export { Thin } from './Thin';
1 change: 1 addition & 0 deletions packages/vibrant-icons/src/lib/Icon/generated/index.ts
Original file line number Diff line number Diff line change
Expand Up @@ -166,6 +166,7 @@ export * as Serious from './Serious';
export * as Share from './Share';
export * as Sheild from './Sheild';
export * as ShippingTruck from './ShippingTruck';
export * as SlowMotion from './SlowMotion';
export * as Smile from './Smile';
export * as Sorting from './Sorting';
export * as Star from './Star';
Expand Down

0 comments on commit 8278e7a

Please sign in to comment.