qyg2297248353/svgl
1
0
Fork 0
mirror of https://github.com/pheralb/svgl.git synced 2025-12-29 08:01:36 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

⚙️ Update all svgs icons with new typescript api

Browse Source
This commit is contained in:
pheralb
2025-02-26 17:29:28 +00:00
parent dc22285088
commit 7ca846aade
10 changed files with 97 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/icons/angularIcon.svelte
+18 -13
View File
@@ -1,11 +1,13 @@
<script lang="ts">
export let iconSize: number;
import type { IconProps } from '@/types/icon';
export let iconProps: IconProps;
</script>
<svg
xmlns="http://www.w3.org/2000/svg"
width={iconSize || 16}
height={iconSize || 16}
width={iconProps.size || 16}
height={iconProps.size || 16}
viewBox="0 0 242 256"
><g clip-path="url(#a)"
><mask
@@ -25,22 +27,25 @@
d="m241 43-9 136L149 0l92 43Zm-58 176-62 36-63-36 12-31h101l12 31ZM121 68l32 80H88l33-80ZM9 179 0 43 92 0 9 179Z"
/></g
></g
><defs
><linearGradient id="c" x1="53.2" x2="245" y1="231.9" y2="140.7" gradientUnits="userSpaceOnUse"
><stop stop-color="#E40035" /><stop offset=".2" stop-color="#F60A48" /><stop
offset=".4"
stop-color="#F20755"
/><stop offset=".5" stop-color="#DC087D" /><stop offset=".7" stop-color="#9717E7" /><stop
><defs>
<linearGradient id="c" x1="53.2" x2="245" y1="231.9" y2="140.7" gradientUnits="userSpaceOnUse"
><stop stop-color={iconProps.color || '#E40035'} /><stop
offset=".2"
stop-color={iconProps.color || '#F60A48'}
/><stop offset=".4" stop-color={iconProps.color || '#F20755'} /><stop
offset=".5"
stop-color={iconProps.color || '#DC087D'}
/><stop offset=".7" stop-color={iconProps.color || '#9717E7'} /><stop
offset="1"
stop-color="#6C00F5"
stop-color={iconProps.color || '#6C00F5'}
/></linearGradient
>
<linearGradient id="d" x1="44.5" x2="170" y1="30.7" y2="174" gradientUnits="userSpaceOnUse">
<stop stop-color="#FF31D9" /><stop
<stop stop-color={iconProps.color || '#FF31D9'} /><stop
offset="1"
stop-color="#FF5BE1"
stop-color={iconProps.color || '#FF5BE1'}
stop-opacity="0"
/></linearGradient
><clipPath id="a"><path fill="#fff" d="M0 0h242v256H0z" /></clipPath></defs
><clipPath id="a"><path fill={iconProps.color || '#fff'} d="M0 0h242v256H0z" /></clipPath></defs
></svg
>