hypnagaga/src/components/SiteFooter/svgs/LinkedIn.svelte
2025-04-19 12:20:37 +01:00

25 lines
951 B
Svelte

<script lang="ts">
interface Props {
width?: number;
}
let { width = 20 }: Props = $props();
</script>
<svg
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 21 21"
style="width: {width}px;"
><path
d="M19.031 0c1.034 0 1.888.807 1.964 1.822L21 1.97V19.03a1.975 1.975 0 0 1-1.822 1.964L19.03 21H1.97a1.975 1.975 0 0 1-1.964-1.822L0 19.03V1.97C0 .935.807.08 1.822.005L1.97 0H19.03ZM6.3 7.875H3.15v10.063H6.3V7.874Zm7.875-.175c-1.575 0-2.538.788-2.975 1.575v-1.4H8.225v10.063h3.15V12.95c0-1.313.175-2.537 1.838-2.537 1.575 0 1.575 1.487 1.575 2.624v4.9h3.15v-5.425c0-2.712-.613-4.812-3.763-4.812ZM4.637 2.8c-1.05 0-1.837.875-1.837 1.838 0 1.05.875 1.837 1.838 1.837 1.05 0 1.837-.787 1.837-1.837 0-1.05-.875-1.838-1.837-1.838Z"
></path></svg
>
<style lang="scss">
@use './../../SiteHeader/scss/_colors.scss' as *;
svg {
fill: var(--nav-primary, var(--tr-dark-grey));
}
</style>