Files
svgl/src/components/logos/angular.svelte
T

68 lines
1.7 KiB
Svelte

<script lang="ts">
import type { IconProps } from "@/types/icon";
let props: IconProps = $props();
</script>
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 242 256"
width={props.size}
height={props.size}
>
<g clip-path="url(#angular__a)"
><mask
id="angular__b"
width="242"
height="256"
x="0"
y="0"
maskUnits="userSpaceOnUse"
style="mask-type:luminance"
><path fill="#fff" d="M0 0h242v256H0V0Z" /></mask
><g mask="url(#angular__b)"
><path
fill="url(#angular__c)"
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"
/><path
fill="url(#angular__d)"
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="angular__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
offset="1"
stop-color="#6C00F5"
/></linearGradient
><linearGradient
id="angular__d"
x1="44.5"
x2="170"
y1="30.7"
y2="174"
gradientUnits="userSpaceOnUse"
><stop stop-color="#FF31D9" /><stop
offset="1"
stop-color="#FF5BE1"
stop-opacity="0"
/></linearGradient
><clipPath id="angular__a"
><path fill="#fff" d="M0 0h242v256H0z" /></clipPath
></defs
></svg
>