Skip to content

Commit

Permalink
chore: add new icons
Browse files Browse the repository at this point in the history
  • Loading branch information
@Szymon-dziewonski
Szymon-dziewonski committed Nov 29, 2023
1 parent 2ea298a commit a87dde0
Show file tree
Hide file tree
Showing 17 changed files with 194 additions and 0 deletions.
5 changes: 5 additions & 0 deletions packages/sfui/assets/download.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
5 changes: 5 additions & 0 deletions packages/sfui/assets/local_fire_department.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
5 changes: 5 additions & 0 deletions packages/sfui/assets/share.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
5 changes: 5 additions & 0 deletions packages/sfui/assets/undo.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
5 changes: 5 additions & 0 deletions packages/sfui/assets/upload.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
13 changes: 13 additions & 0 deletions packages/sfui/frameworks/react/components/SfIcons/SfIconDownload.tsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
import type { SfIconProps } from '@storefront-ui/react';
import { SfIconBase, SfIconSize } from '@storefront-ui/react';

export default function SfIconDownload({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
return (
<SfIconBase size={size} viewBox={viewBox} data-testid="download" {...attributes}>
<path
fill="#18181B"
d="M12 15.575c-.133 0-.258-.02-.375-.063a.877.877 0 0 1-.325-.212l-3.6-3.6a.916.916 0 0 1-.288-.7 1.022 1.022 0 0 1 1-1.013.93.93 0 0 1 .713.288L11 12.15V5c0-.283.096-.52.287-.713A.968.968 0 0 1 12 4c.283 0 .52.096.713.287.191.192.287.43.287.713v7.15l1.875-1.875a.93.93 0 0 1 .713-.287c.275.008.512.112.712.312.183.2.28.433.287.7a.916.916 0 0 1-.287.7l-3.6 3.6c-.1.1-.208.17-.325.212a1.106 1.106 0 0 1-.375.063ZM6 20c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 4 18v-2c0-.283.096-.52.287-.713A.967.967 0 0 1 5 15c.283 0 .52.096.713.287.191.192.287.43.287.713v2h12v-2a.97.97 0 0 1 .288-.713A.968.968 0 0 1 19 15a.97.97 0 0 1 .712.287c.192.192.288.43.288.713v2c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 18 20H6Z"
/>
</SfIconBase>
);
}
17 changes: 17 additions & 0 deletions packages/sfui/frameworks/react/components/SfIcons/SfIconLocal_fire_department.tsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
import type { SfIconProps } from '@storefront-ui/react';
import { SfIconBase, SfIconSize } from '@storefront-ui/react';

export default function SfIconLocal_fire_department({
size = SfIconSize.base,
viewBox = '0 0 24 24',
...attributes
}: SfIconProps) {
return (
<SfIconBase size={size} viewBox={viewBox} data-testid="local_fire_department" {...attributes}>
<path
fill="#18181B"
d="M12.359 21.42c-2.233 0-4.125-.775-5.675-2.325-1.55-1.55-2.325-3.441-2.325-5.675 0-1.883.558-3.691 1.675-5.425 1.117-1.733 2.65-3.25 4.6-4.55.367-.25.746-.262 1.137-.037.392.225.588.562.588 1.012v1.3c0 .567.196 1.042.587 1.425.392.384.871.575 1.438.575.283 0 .554-.062.812-.187.259-.125.488-.304.688-.538a.851.851 0 0 1 .512-.312.722.722 0 0 1 .588.137 7.942 7.942 0 0 1 2.475 2.875c.6 1.167.9 2.409.9 3.725 0 2.233-.775 4.125-2.325 5.675-1.55 1.55-3.442 2.325-5.675 2.325Zm-6-8c0 .867.175 1.688.525 2.463.35.775.85 1.454 1.5 2.037a1.16 1.16 0 0 1-.025-.225v-.225c0-.533.1-1.033.3-1.5.2-.466.492-.892.875-1.275l2.825-2.775 2.825 2.775c.383.383.675.809.875 1.275.2.467.3.967.3 1.5v.225c0 .067-.008.142-.025.225a6.074 6.074 0 0 0 1.5-2.037c.35-.775.525-1.596.525-2.463a6.08 6.08 0 0 0-.463-2.362A6.102 6.102 0 0 0 16.56 9.07a3.95 3.95 0 0 1-2.175.65c-1.033 0-1.93-.341-2.688-1.025a3.908 3.908 0 0 1-1.312-2.525c-1.3 1.1-2.296 2.271-2.988 3.513-.691 1.241-1.037 2.487-1.037 3.737Zm6 1.3-1.425 1.4a1.98 1.98 0 0 0-.425.625c-.1.233-.15.475-.15.725 0 .534.196.992.587 1.375.392.384.863.575 1.413.575s1.02-.192 1.412-.575c.392-.383.588-.841.588-1.375 0-.267-.05-.512-.15-.737a2.03 2.03 0 0 0-.425-.613l-1.425-1.4Z"
/>
</SfIconBase>
);
}
13 changes: 13 additions & 0 deletions packages/sfui/frameworks/react/components/SfIcons/SfIconShare.tsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
import type { SfIconProps } from '@storefront-ui/react';
import { SfIconBase, SfIconSize } from '@storefront-ui/react';

export default function SfIconShare({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
return (
<SfIconBase size={size} viewBox={viewBox} data-testid="share" {...attributes}>
<path
fill="#18181B"
d="M18 22a2.893 2.893 0 0 1-2.125-.875A2.893 2.893 0 0 1 15 19c0-.117.008-.238.025-.363s.042-.237.075-.337l-7.05-4.1c-.283.25-.6.446-.95.588-.35.141-.717.212-1.1.212a2.893 2.893 0 0 1-2.125-.875A2.893 2.893 0 0 1 3 12c0-.833.292-1.542.875-2.125A2.893 2.893 0 0 1 6 9c.383 0 .75.07 1.1.213.35.141.667.337.95.587l7.05-4.1a1.843 1.843 0 0 1-.075-.338A2.738 2.738 0 0 1 15 5c0-.833.292-1.542.875-2.125A2.893 2.893 0 0 1 18 2c.833 0 1.542.292 2.125.875S21 4.167 21 5s-.292 1.542-.875 2.125A2.893 2.893 0 0 1 18 8c-.383 0-.75-.07-1.1-.213a3.293 3.293 0 0 1-.95-.587L8.9 11.3c.033.1.058.212.075.337a2.742 2.742 0 0 1 0 .726 1.838 1.838 0 0 1-.075.337l7.05 4.1c.283-.25.6-.446.95-.588.35-.141.717-.212 1.1-.212.833 0 1.542.292 2.125.875S21 18.167 21 19s-.292 1.542-.875 2.125A2.893 2.893 0 0 1 18 22Z"
/>
</SfIconBase>
);
}
13 changes: 13 additions & 0 deletions packages/sfui/frameworks/react/components/SfIcons/SfIconUndo.tsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
import type { SfIconProps } from '@storefront-ui/react';
import { SfIconBase, SfIconSize } from '@storefront-ui/react';

export default function SfIconUndo({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
return (
<SfIconBase size={size} viewBox={viewBox} data-testid="undo" {...attributes}>
<path
fill="#18181B"
d="M8 19.5a.967.967 0 0 1-.712-.288A.968.968 0 0 1 7 18.5c0-.284.096-.521.288-.713A.967.967 0 0 1 8 17.5h6.1c1.05 0 1.963-.334 2.737-1C17.613 15.833 18 15 18 14s-.387-1.834-1.163-2.5c-.774-.667-1.687-1-2.737-1H7.8l1.9 1.9a.948.948 0 0 1 .275.7.948.948 0 0 1-.275.7.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275l-3.6-3.6a.877.877 0 0 1-.212-.325 1.107 1.107 0 0 1-.063-.375c0-.134.02-.259.063-.375A.877.877 0 0 1 4.7 8.8l3.6-3.6a.948.948 0 0 1 .7-.275c.283 0 .517.091.7.275a.948.948 0 0 1 .275.7.948.948 0 0 1-.275.7L7.8 8.5h6.3c1.617 0 3.004.525 4.162 1.575C19.421 11.125 20 12.433 20 14c0 1.566-.58 2.875-1.738 3.925-1.158 1.05-2.545 1.575-4.162 1.575H8Z"
/>
</SfIconBase>
);
}
13 changes: 13 additions & 0 deletions packages/sfui/frameworks/react/components/SfIcons/SfIconUpload.tsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
import type { SfIconProps } from '@storefront-ui/react';
import { SfIconBase, SfIconSize } from '@storefront-ui/react';

export default function SfIconUpload({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
return (
<SfIconBase size={size} viewBox={viewBox} data-testid="upload" {...attributes}>
<path
fill="#18181B"
d="M6 19.787c-.55 0-1.02-.195-1.412-.587A1.926 1.926 0 0 1 4 17.787v-2a.97.97 0 0 1 .287-.712.967.967 0 0 1 .713-.288.97.97 0 0 1 .713.288c.191.192.287.43.287.712v2h12v-2c0-.283.096-.52.288-.712a.968.968 0 0 1 .712-.288c.283 0 .52.096.712.288.192.192.288.43.288.712v2a1.93 1.93 0 0 1-.587 1.413 1.926 1.926 0 0 1-1.413.587H6Zm5-12.15L9.125 9.512a.93.93 0 0 1-.713.288 1.02 1.02 0 0 1-.712-.313c-.183-.2-.28-.433-.288-.7a.916.916 0 0 1 .288-.7l3.6-3.6c.1-.1.208-.17.325-.212.117-.042.242-.063.375-.063s.258.021.375.063a.877.877 0 0 1 .325.212l3.6 3.6c.2.2.296.434.287.7a1.02 1.02 0 0 1-1 1.012.93.93 0 0 1-.712-.287L13 7.637v7.15a.97.97 0 0 1-.287.713.968.968 0 0 1-.713.287.968.968 0 0 1-.713-.287.968.968 0 0 1-.287-.713v-7.15Z"
/>
</SfIconBase>
);
}
5 changes: 5 additions & 0 deletions packages/sfui/frameworks/react/components/SfIcons/index.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -22,6 +22,7 @@ export { default as SfIconCompareArrows } from './SfIconCompareArrows';
export { default as SfIconContactSupport } from './SfIconContactSupport';
export { default as SfIconCreditCard } from './SfIconCreditCard';
export { default as SfIconDelete } from './SfIconDelete';
export { default as SfIconDownload } from './SfIconDownload';
export { default as SfIconEmail } from './SfIconEmail';
export { default as SfIconError } from './SfIconError';
export { default as SfIconExpandLess } from './SfIconExpandLess';
Expand All @@ -37,6 +38,7 @@ export { default as SfIconInfo } from './SfIconInfo';
export { default as SfIconInstagram } from './SfIconInstagram';
export { default as SfIconLanguage } from './SfIconLanguage';
export { default as SfIconLocalShipping } from './SfIconLocalShipping';
export { default as SfIconLocal_fire_department } from './SfIconLocal_fire_department';
export { default as SfIconLocationOn } from './SfIconLocationOn';
export { default as SfIconLocationOnFilled } from './SfIconLocationOnFilled';
export { default as SfIconLock } from './SfIconLock';
Expand All @@ -62,6 +64,7 @@ export { default as SfIconSafetyCheck } from './SfIconSafetyCheck';
export { default as SfIconSchedule } from './SfIconSchedule';
export { default as SfIconSearch } from './SfIconSearch';
export { default as SfIconSell } from './SfIconSell';
export { default as SfIconShare } from './SfIconShare';
export { default as SfIconShoppingCart } from './SfIconShoppingCart';
export { default as SfIconShoppingCartCheckout } from './SfIconShoppingCartCheckout';
export { default as SfIconSort } from './SfIconSort';
Expand All @@ -72,7 +75,9 @@ export { default as SfIconThumbDown } from './SfIconThumbDown';
export { default as SfIconThumbUp } from './SfIconThumbUp';
export { default as SfIconTune } from './SfIconTune';
export { default as SfIconTwitter } from './SfIconTwitter';
export { default as SfIconUndo } from './SfIconUndo';
export { default as SfIconUnfoldMore } from './SfIconUnfoldMore';
export { default as SfIconUpload } from './SfIconUpload';
export { default as SfIconViewList } from './SfIconViewList';
export { default as SfIconVisibility } from './SfIconVisibility';
export { default as SfIconVisibilityOff } from './SfIconVisibilityOff';
Expand Down
18 changes: 18 additions & 0 deletions packages/sfui/frameworks/vue/components/SfIcons/SfIconDownload.vue
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
<template>
<SfIconBase :size="size" viewBox="0 0 24 24" data-testid="download"
><path
fill="#18181B"
d="M12 15.575c-.133 0-.258-.02-.375-.063a.877.877 0 0 1-.325-.212l-3.6-3.6a.916.916 0 0 1-.288-.7 1.022 1.022 0 0 1 1-1.013.93.93 0 0 1 .713.288L11 12.15V5c0-.283.096-.52.287-.713A.968.968 0 0 1 12 4c.283 0 .52.096.713.287.191.192.287.43.287.713v7.15l1.875-1.875a.93.93 0 0 1 .713-.287c.275.008.512.112.712.312.183.2.28.433.287.7a.916.916 0 0 1-.287.7l-3.6 3.6c-.1.1-.208.17-.325.212a1.106 1.106 0 0 1-.375.063ZM6 20c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 4 18v-2c0-.283.096-.52.287-.713A.967.967 0 0 1 5 15c.283 0 .52.096.713.287.191.192.287.43.287.713v2h12v-2a.97.97 0 0 1 .288-.713A.968.968 0 0 1 19 15a.97.97 0 0 1 .712.287c.192.192.288.43.288.713v2c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 18 20H6Z"
/></SfIconBase>
</template>
<script lang="ts" setup>
import type { PropType } from 'vue';
import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
defineProps({
size: {
type: String as PropType<`${SfIconSize}`>,
default: SfIconSize.base,
},
});
</script>
18 changes: 18 additions & 0 deletions packages/sfui/frameworks/vue/components/SfIcons/SfIconLocal_fire_department.vue
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
<template>
<SfIconBase :size="size" viewBox="0 0 24 24" data-testid="local_fire_department"
><path
fill="#18181B"
d="M12.359 21.42c-2.233 0-4.125-.775-5.675-2.325-1.55-1.55-2.325-3.441-2.325-5.675 0-1.883.558-3.691 1.675-5.425 1.117-1.733 2.65-3.25 4.6-4.55.367-.25.746-.262 1.137-.037.392.225.588.562.588 1.012v1.3c0 .567.196 1.042.587 1.425.392.384.871.575 1.438.575.283 0 .554-.062.812-.187.259-.125.488-.304.688-.538a.851.851 0 0 1 .512-.312.722.722 0 0 1 .588.137 7.942 7.942 0 0 1 2.475 2.875c.6 1.167.9 2.409.9 3.725 0 2.233-.775 4.125-2.325 5.675-1.55 1.55-3.442 2.325-5.675 2.325Zm-6-8c0 .867.175 1.688.525 2.463.35.775.85 1.454 1.5 2.037a1.16 1.16 0 0 1-.025-.225v-.225c0-.533.1-1.033.3-1.5.2-.466.492-.892.875-1.275l2.825-2.775 2.825 2.775c.383.383.675.809.875 1.275.2.467.3.967.3 1.5v.225c0 .067-.008.142-.025.225a6.074 6.074 0 0 0 1.5-2.037c.35-.775.525-1.596.525-2.463a6.08 6.08 0 0 0-.463-2.362A6.102 6.102 0 0 0 16.56 9.07a3.95 3.95 0 0 1-2.175.65c-1.033 0-1.93-.341-2.688-1.025a3.908 3.908 0 0 1-1.312-2.525c-1.3 1.1-2.296 2.271-2.988 3.513-.691 1.241-1.037 2.487-1.037 3.737Zm6 1.3-1.425 1.4a1.98 1.98 0 0 0-.425.625c-.1.233-.15.475-.15.725 0 .534.196.992.587 1.375.392.384.863.575 1.413.575s1.02-.192 1.412-.575c.392-.383.588-.841.588-1.375 0-.267-.05-.512-.15-.737a2.03 2.03 0 0 0-.425-.613l-1.425-1.4Z"
/></SfIconBase>
</template>
<script lang="ts" setup>
import type { PropType } from 'vue';
import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
defineProps({
size: {
type: String as PropType<`${SfIconSize}`>,
default: SfIconSize.base,
},
});
</script>
Loading

0 comments on commit a87dde0

Please sign in to comment.