Skip to content

Commit 670d7c0

Browse files
dvcoldvcol
committed
feat(panel): adds icons to tag links
1 parent 0625bf7 commit 670d7c0

14 files changed

+416
-24
lines changed

‎src/components/common/buttons/TagLink.vue

+8-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<script lang="ts" setup>
2-
import { NTag } from 'naive-ui';
2+
import { NIcon, NTag } from 'naive-ui';
33
import { type PropType, toRefs } from 'vue';
44
55
import type { TagLink } from '~/models/tag.model';
@@ -34,6 +34,9 @@ const onClick = (e: MouseEvent) => {
3434
v-bind="tag"
3535
>
3636
<span class="label">{{ tag?.label }}</span>
37+
<template v-if="tag?.icon" #icon>
38+
<NIcon class="icon" :component="tag.icon" v-bind="tag.iconProps" />
39+
</template>
3740
</NTag>
3841
</a>
3942
</template>
@@ -50,6 +53,10 @@ const onClick = (e: MouseEvent) => {
5053
transition: filter 0.3s var(--n-bezier);
5154
}
5255
56+
.icon {
57+
padding-left: 0.15rem;
58+
}
59+
5360
&:hover {
5461
background-color: color-mix(
5562
in srgb,

‎src/components/icons/IconExternalLinkRounded.vue

+42
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
1+
<template>
2+
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
3+
<g
4+
fill="none"
5+
stroke="currentColor"
6+
stroke-linecap="round"
7+
stroke-linejoin="round"
8+
stroke-width="2"
9+
>
10+
<path
11+
stroke-dasharray="36"
12+
stroke-dashoffset="36"
13+
d="M12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19C15.866 19 19 15.866 19 12"
14+
>
15+
<animate
16+
fill="freeze"
17+
attributeName="stroke-dashoffset"
18+
dur="0.6s"
19+
values="36;0"
20+
/>
21+
</path>
22+
<path stroke-dasharray="12" stroke-dashoffset="12" d="M13 11L20 4">
23+
<animate
24+
fill="freeze"
25+
attributeName="stroke-dashoffset"
26+
begin="0.6s"
27+
dur="0.3s"
28+
values="12;0"
29+
/>
30+
</path>
31+
<path stroke-dasharray="8" stroke-dashoffset="8" d="M21 3H15M21 3V9">
32+
<animate
33+
fill="freeze"
34+
attributeName="stroke-dashoffset"
35+
begin="0.9s"
36+
dur="0.2s"
37+
values="8;0"
38+
/>
39+
</path>
40+
</g>
41+
</svg>
42+
</template>

‎src/components/icons/IconFacebook.vue

+27
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
<template>
2+
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
3+
<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="4">
4+
<path
5+
stroke-dasharray="24"
6+
stroke-dashoffset="24"
7+
d="M17 4L15 4C12.5 4 11 5.5 11 8V20"
8+
>
9+
<animate
10+
fill="freeze"
11+
attributeName="stroke-dashoffset"
12+
dur="0.4s"
13+
values="24;0"
14+
/>
15+
</path>
16+
<path stroke-dasharray="12" stroke-dashoffset="12" d="M8 12H15">
17+
<animate
18+
fill="freeze"
19+
attributeName="stroke-dashoffset"
20+
begin="0.5s"
21+
dur="0.2s"
22+
values="12;0"
23+
/>
24+
</path>
25+
</g>
26+
</svg>
27+
</template>

‎src/components/icons/IconIMDb.vue

+108
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,108 @@
1+
<template>
2+
<svg
3+
version="1.1"
4+
xmlns="http://www.w3.org/2000/svg"
5+
xmlns:xlink="http://www.w3.org/1999/xlink"
6+
preserveAspectRatio="xMidYMid meet"
7+
viewBox="0 0 575 289.83"
8+
width="575"
9+
height="289.83"
10+
>
11+
<defs>
12+
<path
13+
id="d1pwhf9wy2"
14+
d="M575 24.91C573.44 12.15 563.97 1.98 551.91 0C499.05 0 76.18 0 23.32 0C10.11 2.17 0 14.16 0 28.61C0 51.84 0 237.64 0 260.86C0 276.86 12.37 289.83 27.64 289.83C79.63 289.83 495.6 289.83 547.59 289.83C561.65 289.83 573.26 278.82 575 264.57C575 216.64 575 48.87 575 24.91Z"
15+
></path>
16+
<path
17+
id="g5jjnq26yS"
18+
d="M69.35 58.24L114.98 58.24L114.98 233.89L69.35 233.89L69.35 58.24Z"
19+
></path>
20+
<path
21+
id="i3Prh1JpXt"
22+
d="M201.2 139.15C197.28 112.38 195.1 97.5 194.67 94.53C192.76 80.2 190.94 67.73 189.2 57.09C185.25 57.09 165.54 57.09 130.04 57.09L130.04 232.74L170.01 232.74L170.15 116.76L186.97 232.74L215.44 232.74L231.39 114.18L231.54 232.74L271.38 232.74L271.38 57.09L211.77 57.09L201.2 139.15Z"
23+
></path>
24+
<path
25+
id="a4ov9rRGQm"
26+
d="M346.71 93.63C347.21 95.87 347.47 100.95 347.47 108.89C347.47 115.7 347.47 170.18 347.47 176.99C347.47 188.68 346.71 195.84 345.2 198.48C343.68 201.12 339.64 202.43 333.09 202.43C333.09 190.9 333.09 98.66 333.09 87.13C338.06 87.13 341.45 87.66 343.25 88.7C345.05 89.75 346.21 91.39 346.71 93.63ZM367.32 230.95C372.75 229.76 377.31 227.66 381.01 224.67C384.7 221.67 387.29 217.52 388.77 212.21C390.26 206.91 391.14 196.38 391.14 180.63C391.14 174.47 391.14 125.12 391.14 118.95C391.14 102.33 390.49 91.19 389.48 85.53C388.46 79.86 385.93 74.71 381.88 70.09C377.82 65.47 371.9 62.15 364.12 60.13C356.33 58.11 343.63 57.09 321.54 57.09C319.27 57.09 307.93 57.09 287.5 57.09L287.5 232.74L342.78 232.74C355.52 232.34 363.7 231.75 367.32 230.95Z"
27+
></path>
28+
<path
29+
id="fk968BpsX"
30+
d="M464.76 204.7C463.92 206.93 460.24 208.06 457.46 208.06C454.74 208.06 452.93 206.98 452.01 204.81C451.09 202.65 450.64 197.72 450.64 190C450.64 185.36 450.64 148.22 450.64 143.58C450.64 135.58 451.04 130.59 451.85 128.6C452.65 126.63 454.41 125.63 457.13 125.63C459.91 125.63 463.64 126.76 464.6 129.03C465.55 131.3 466.03 136.15 466.03 143.58C466.03 146.58 466.03 161.58 466.03 188.59C465.74 197.84 465.32 203.21 464.76 204.7ZM406.68 231.21L447.76 231.21C449.47 224.5 450.41 220.77 450.6 220.02C454.32 224.52 458.41 227.9 462.9 230.14C467.37 232.39 474.06 233.51 479.24 233.51C486.45 233.51 492.67 231.62 497.92 227.83C503.16 224.05 506.5 219.57 507.92 214.42C509.34 209.26 510.05 201.42 510.05 190.88C510.05 185.95 510.05 146.53 510.05 141.6C510.05 131 509.81 124.08 509.34 120.83C508.87 117.58 507.47 114.27 505.14 110.88C502.81 107.49 499.42 104.86 494.98 102.98C490.54 101.1 485.3 100.16 479.26 100.16C474.01 100.16 467.29 101.21 462.81 103.28C458.34 105.35 454.28 108.49 450.64 112.7C450.64 108.89 450.64 89.85 450.64 55.56L406.68 55.56L406.68 231.21Z"
31+
></path>
32+
</defs>
33+
<g>
34+
<g>
35+
<g>
36+
<use
37+
xlink:href="#d1pwhf9wy2"
38+
opacity="1"
39+
fill="var(--imdb-icon-background, #f6c700)"
40+
fill-opacity="1"
41+
></use>
42+
<g>
43+
<use
44+
xlink:href="#d1pwhf9wy2"
45+
opacity="1"
46+
fill-opacity="0"
47+
stroke="#000000"
48+
stroke-width="1"
49+
stroke-opacity="0"
50+
></use>
51+
</g>
52+
</g>
53+
<g>
54+
<use xlink:href="#g5jjnq26yS" opacity="1" fill="#000000" fill-opacity="1"></use>
55+
<g>
56+
<use
57+
xlink:href="#g5jjnq26yS"
58+
opacity="1"
59+
fill-opacity="0"
60+
stroke="#000000"
61+
stroke-width="1"
62+
stroke-opacity="0"
63+
></use>
64+
</g>
65+
</g>
66+
<g>
67+
<use xlink:href="#i3Prh1JpXt" opacity="1" fill="#000000" fill-opacity="1"></use>
68+
<g>
69+
<use
70+
xlink:href="#i3Prh1JpXt"
71+
opacity="1"
72+
fill-opacity="0"
73+
stroke="#000000"
74+
stroke-width="1"
75+
stroke-opacity="0"
76+
></use>
77+
</g>
78+
</g>
79+
<g>
80+
<use xlink:href="#a4ov9rRGQm" opacity="1" fill="#000000" fill-opacity="1"></use>
81+
<g>
82+
<use
83+
xlink:href="#a4ov9rRGQm"
84+
opacity="1"
85+
fill-opacity="0"
86+
stroke="#000000"
87+
stroke-width="1"
88+
stroke-opacity="0"
89+
></use>
90+
</g>
91+
</g>
92+
<g>
93+
<use xlink:href="#fk968BpsX" opacity="1" fill="#000000" fill-opacity="1"></use>
94+
<g>
95+
<use
96+
xlink:href="#fk968BpsX"
97+
opacity="1"
98+
fill-opacity="0"
99+
stroke="#000000"
100+
stroke-width="1"
101+
stroke-opacity="0"
102+
></use>
103+
</g>
104+
</g>
105+
</g>
106+
</g>
107+
</svg>
108+
</template>

‎src/components/icons/IconInstagram.vue

+46
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,46 @@
1+
<template>
2+
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
3+
<g
4+
fill="none"
5+
stroke="currentColor"
6+
stroke-linecap="round"
7+
stroke-linejoin="round"
8+
stroke-width="2"
9+
>
10+
<path
11+
stroke-dasharray="66"
12+
stroke-dashoffset="66"
13+
d="M12 3H8C5.23858 3 3 5.23858 3 8V16C3 18.7614 5.23858 21 8 21H16C18.7614 21 21 18.7614 21 16V8C21 5.23858 18.7614 3 16 3z"
14+
>
15+
<animate
16+
fill="freeze"
17+
attributeName="stroke-dashoffset"
18+
dur="0.6s"
19+
values="66;132"
20+
/>
21+
</path>
22+
<path
23+
stroke-dasharray="26"
24+
stroke-dashoffset="26"
25+
d="M12 8C14.20914 8 16 9.79086 16 12C16 14.20914 14.20914 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8"
26+
>
27+
<animate
28+
fill="freeze"
29+
attributeName="stroke-dashoffset"
30+
begin="0.7s"
31+
dur="0.4s"
32+
values="26;0"
33+
/>
34+
</path>
35+
</g>
36+
<circle cx="17" cy="7" r="1.5" fill="currentColor" fill-opacity="0">
37+
<animate
38+
fill="freeze"
39+
attributeName="fill-opacity"
40+
begin="1.1s"
41+
dur="0.4s"
42+
values="0;1"
43+
/>
44+
</circle>
45+
</svg>
46+
</template>

‎src/components/icons/IconTMDb.vue

+26
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
<template>
2+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 185.04 133.4">
3+
<defs>
4+
<linearGradient
5+
id="linear-gradient"
6+
y1="66.7"
7+
x2="185.04"
8+
y2="66.7"
9+
gradientUnits="userSpaceOnUse"
10+
>
11+
<stop offset="0" stop-color="#90cea1" />
12+
<stop offset="0.56" stop-color="#3cbec9" />
13+
<stop offset="1" stop-color="#00b3e5" />
14+
</linearGradient>
15+
</defs>
16+
<title>Asset 4</title>
17+
<g id="Layer_2" data-name="Layer 2">
18+
<g id="Layer_1-2" data-name="Layer 1">
19+
<path
20+
fill="var(--tmdb-icon-background, url(#linear-gradient))"
21+
d="M51.06,66.7h0A17.67,17.67,0,0,1,68.73,49h-.1A17.67,17.67,0,0,1,86.3,66.7h0A17.67,17.67,0,0,1,68.63,84.37h.1A17.67,17.67,0,0,1,51.06,66.7Zm82.67-31.33h32.9A17.67,17.67,0,0,0,184.3,17.7h0A17.67,17.67,0,0,0,166.63,0h-32.9A17.67,17.67,0,0,0,116.06,17.7h0A17.67,17.67,0,0,0,133.73,35.37Zm-113,98h63.9A17.67,17.67,0,0,0,102.3,115.7h0A17.67,17.67,0,0,0,84.63,98H20.73A17.67,17.67,0,0,0,3.06,115.7h0A17.67,17.67,0,0,0,20.73,133.37Zm83.92-49h6.25L125.5,49h-8.35l-8.9,23.2h-.1L99.4,49H90.5Zm32.45,0h7.8V49h-7.8Zm22.2,0h24.95V77.2H167.1V70h15.35V62.8H167.1V56.2h16.25V49h-24ZM10.1,35.4h7.8V6.9H28V0H0V6.9H10.1ZM39,35.4h7.8V20.1H61.9V35.4h7.8V0H61.9V13.2H46.75V0H39Zm41.25,0h25V28.2H88V21h15.35V13.8H88V7.2h16.25V0h-24Zm-79,49H9V57.25h.1l9,27.15H24l9.3-27.15h.1V84.4h7.8V49H29.45l-8.2,23.1h-.1L13,49H1.2Zm112.09,49H126a24.59,24.59,0,0,0,7.56-1.15,19.52,19.52,0,0,0,6.35-3.37,16.37,16.37,0,0,0,4.37-5.5A16.91,16.91,0,0,0,146,115.8a18.5,18.5,0,0,0-1.68-8.25,15.1,15.1,0,0,0-4.52-5.53A18.55,18.55,0,0,0,133.07,99,33.54,33.54,0,0,0,125,98H113.29Zm7.81-28.2h4.6a17.43,17.43,0,0,1,4.67.62,11.68,11.68,0,0,1,3.88,1.88,9,9,0,0,1,2.62,3.18,9.87,9.87,0,0,1,1,4.52,11.92,11.92,0,0,1-1,5.08,8.69,8.69,0,0,1-2.67,3.34,10.87,10.87,0,0,1-4,1.83,21.57,21.57,0,0,1-5,.55H121.1Zm36.14,28.2h14.5a23.11,23.11,0,0,0,4.73-.5,13.38,13.38,0,0,0,4.27-1.65,9.42,9.42,0,0,0,3.1-3,8.52,8.52,0,0,0,1.2-4.68,9.16,9.16,0,0,0-.55-3.2,7.79,7.79,0,0,0-1.57-2.62,8.38,8.38,0,0,0-2.45-1.85,10,10,0,0,0-3.18-1v-.1a9.28,9.28,0,0,0,4.43-2.82,7.42,7.42,0,0,0,1.67-5,8.34,8.34,0,0,0-1.15-4.65,7.88,7.88,0,0,0-3-2.73,12.9,12.9,0,0,0-4.17-1.3,34.42,34.42,0,0,0-4.63-.32h-13.2Zm7.8-28.8h5.3a10.79,10.79,0,0,1,1.85.17,5.77,5.77,0,0,1,1.7.58,3.33,3.33,0,0,1,1.23,1.13,3.22,3.22,0,0,1,.47,1.82,3.63,3.63,0,0,1-.42,1.8,3.34,3.34,0,0,1-1.13,1.2,4.78,4.78,0,0,1-1.57.65,8.16,8.16,0,0,1-1.78.2H165Zm0,14.15h5.9a15.12,15.12,0,0,1,2.05.15,7.83,7.83,0,0,1,2,.55,4,4,0,0,1,1.58,1.17,3.13,3.13,0,0,1,.62,2,3.71,3.71,0,0,1-.47,1.95,4,4,0,0,1-1.23,1.3,4.78,4.78,0,0,1-1.67.7,8.91,8.91,0,0,1-1.83.2h-7Z"
22+
/>
23+
</g>
24+
</g>
25+
</svg>
26+
</template>

‎src/components/icons/IconTVDb.vue

+31
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
<template>
2+
<svg
3+
width="100px"
4+
height="54px"
5+
viewBox="0 0 100 54"
6+
version="1.1"
7+
xmlns="http://www.w3.org/2000/svg"
8+
>
9+
<title>Logo tvdb</title>
10+
<g id="Logo-tvdb" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
11+
<path
12+
id="Combined-Shape"
13+
d="M0,5.09590006 C0,1.81024006 2.9636,-0.441498938 6.46228,0.0733078623 L6.46228,0.0733078623 L52.10124,6.03470006 C54.15254,6.33652006 55.78724,8.54666006 55.78724,10.9536001 L55.78724,10.9536001 L55.78654,17.1835001 C51.94104,19.7605001 49.42044,24.0737001 49.42044,28.9596001 C49.42044,33.8924001 51.87974,38.1680001 55.78724,40.7361001 L55.78724,40.7361001 L55.78724,43.4756001 C55.78724,45.8825001 54.15254,48.0927001 52.10124,48.3945001 L52.10124,48.3945001 L11.60314,53.9266001 C8.10444,54.4417001 5.14084,52.1897001 5.14084,48.9040001 L5.14084,48.9040001 Z M19.68044,10.8218001 L13.66114,10.8218001 L13.66114,18.7064001 L9.84244,18.7064001 L9.84244,23.2621001 L13.66114,23.2621001 L13.66114,32.0227001 C13.4846091,37.5274601 15.6467584,39.9923503 20.6149401,40.0386142 L25.25134,40.0387001 L25.25134,35.4830001 L22.87064,35.4830001 C20.17484,35.3516001 19.59134,34.5631001 19.68074,31.0149001 L19.68074,23.2617001 L27.08014,23.2617001 L33.93424,40.0384001 L40.40294,40.0384001 L49.83694,18.7061001 L43.45734,18.7061001 L37.34794,33.3806001 L31.77694,18.7064001 L19.68044,18.7064001 L19.68044,10.8218001 Z"
14+
fill="var(--tvdb-icon-background, #6CD591)"
15+
fill-rule="nonzero"
16+
></path>
17+
<path
18+
id="Shape"
19+
d="M88.60974,18.2771001 C92.51784,18.2771001 95.12314,19.2407001 97.09994,21.4310001 C98.71734,23.1831001 99.57074,25.7677001 99.57074,28.6584001 C99.57074,32.8634001 97.86394,36.1487001 94.76414,38.0323001 C92.74234,39.2590001 90.99054,39.6094001 87.03734,39.6094001 L77.24404,39.6094001 L77.24404,10.3925001 L83.26404,10.3925001 L83.26404,18.2771001 L88.60974,18.2771001 Z M83.26404,35.0537001 L87.71094,35.0537001 C91.26004,35.0537001 93.41634,32.6884001 93.41634,28.8334001 C93.41634,24.8035001 91.52964,22.8324001 87.71094,22.8324001 L83.26404,22.8324001 L83.26404,35.0537001 Z"
20+
fill="#FFFFFF"
21+
fill-rule="nonzero"
22+
></path>
23+
<path
24+
id="Shape"
25+
d="M68.01354,10.3925001 L74.03354,10.3925001 L74.03354,39.6094001 L63.65594,39.6094001 C59.43354,39.6094001 57.41174,38.9962001 55.25524,37.1126001 C53.05394,35.1416001 51.93124,32.3384001 51.93124,28.7898001 C51.93124,25.1102001 53.14404,22.3070001 55.70494,20.2481001 C57.32204,18.9342001 59.52364,18.2771001 62.35354,18.2771001 L68.01384,18.2771001 L68.01384,10.3925001 L68.01354,10.3925001 Z M68.01354,22.8327001 L63.65594,22.8327001 C60.15224,22.8327001 58.04064,25.0667001 58.04064,28.7898001 C58.04064,32.6884001 60.19654,35.0537001 63.65594,35.0537001 L68.01354,35.0537001 L68.01354,22.8327001 Z"
26+
fill="#FFFFFF"
27+
fill-rule="nonzero"
28+
></path>
29+
</g>
30+
</svg>
31+
</template>

‎src/components/icons/IconTrakt.vue

+38
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
<template>
2+
<svg
3+
id="Layer_1"
4+
version="1.1"
5+
xmlns="http://www.w3.org/2000/svg"
6+
x="0px"
7+
y="0px"
8+
viewBox="0 0 144.8 144.8"
9+
enable-background="new 0 0 144.8 144.8"
10+
xml:space="preserve"
11+
fill="var(--trakt-icon-path, #ed1c24)"
12+
>
13+
<g>
14+
<circle fill="var(--trakt-icon-circle, white)" cx="72.4" cy="72.4" r="72.4" />
15+
<path
16+
d="M29.5,111.8c10.6,11.6,25.9,18.8,42.9,18.8c8.7,0,16.9-1.9,24.3-5.3L56.3,85L29.5,111.8z"
17+
/>
18+
<path
19+
d="M56.1,60.6L25.5,91.1L21.4,87l32.2-32.2h0l37.6-37.6c-5.9-2-12.2-3.1-18.8-3.1c-32.2,0-58.3,26.1-58.3,58.3
20+
c0,13.1,4.3,25.2,11.7,35l30.5-30.5l2.1,2l43.7,43.7c0.9-0.5,1.7-1,2.5-1.6L56.3,72.7L27,102l-4.1-4.1l33.4-33.4l2.1,2l51,50.9
21+
c0.8-0.6,1.5-1.3,2.2-1.9l-55-55L56.1,60.6z"
22+
/>
23+
<path
24+
d="M115.7,111.4c9.3-10.3,15-24,15-39c0-23.4-13.8-43.5-33.6-52.8L60.4,56.2L115.7,111.4z M74.5,66.8l-4.1-4.1
25+
l28.9-28.9l4.1,4.1L74.5,66.8z M101.9,27.1L68.6,60.4l-4.1-4.1L97.8,23L101.9,27.1z"
26+
/>
27+
<g>
28+
<g>
29+
<path
30+
d="M72.4,144.8C32.5,144.8,0,112.3,0,72.4C0,32.5,32.5,0,72.4,0s72.4,32.5,72.4,72.4
31+
C144.8,112.3,112.3,144.8,72.4,144.8z M72.4,7.3C36.5,7.3,7.3,36.5,7.3,72.4s29.2,65.1,65.1,65.1s65.1-29.2,65.1-65.1
32+
S108.3,7.3,72.4,7.3z"
33+
/>
34+
</g>
35+
</g>
36+
</g>
37+
</svg>
38+
</template>

‎src/components/icons/IconTwitter.vue

+16
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
<template>
2+
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
3+
<path
4+
fill="none"
5+
stroke="currentColor"
6+
stroke-dasharray="62"
7+
stroke-dashoffset="62"
8+
stroke-linecap="round"
9+
stroke-linejoin="round"
10+
stroke-width="2"
11+
d="M19.8906 7.34375C19.7969 7.67188 19.4001 8.50548 18.7219 9.29669C18.2698 17.9717 9.84907 20.7974 4.08456 17.8869C3.29335 16.8414 6.93856 17.2653 8.26666 15.259C3.23684 12.6876 3.63244 5.82103 4.64971 6.1036C7.02333 9.29669 10.8381 9.57926 11.4597 9.29669C11.4597 8.562 11.1489 6.97958 12.8726 5.65148C13.8616 4.94505 15.9297 4.3125 17.8047 6.34375C18.125 6.55469 18.5859 6.64844 19.2734 6.49219C19.6797 6.28125 20.2262 6.427 19.9453 7.15625"
12+
>
13+
<animate fill="freeze" attributeName="stroke-dashoffset" dur="0.6s" values="62;0" />
14+
</path>
15+
</svg>
16+
</template>

‎src/components/icons/IconWikipedia.vue

+23
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
<template>
2+
<svg
3+
id="Layer_1"
4+
height="800px"
5+
width="800px"
6+
version="1.1"
7+
xmlns="http://www.w3.org/2000/svg"
8+
viewBox="0 0 458.723 458.723"
9+
xml:space="preserve"
10+
>
11+
<path
12+
d="M455.724,93.489H367.32h-3v3v9.613v3h3h6.143c7.145,0,13.588,3.667,17.237,9.81
13+
c3.648,6.143,3.786,13.555,0.368,19.829l-98.3,180.432l-44.769-106.727l42.169-77.382c8.727-16.014,25.477-25.962,43.714-25.962
14+
h1.992h3v-3v-9.613v-3h-3H247.47h-3v3v9.613v3h3h6.143c7.145,0,13.588,3.667,17.237,9.81c3.648,6.143,3.786,13.555,0.368,19.829
15+
l-30.587,56.143L213.372,129.9c-1.976-4.71-1.487-9.852,1.341-14.105s7.38-6.693,12.488-6.693h6.988h3v-3v-9.613v-3h-3H128.46h-3v3
16+
v9.613v3h3h1.454c20.857,0,39.546,12.428,47.615,31.661l40.277,96.018l-44.887,82.392L93.523,129.9
17+
c-1.976-4.71-1.487-9.852,1.341-14.105s7.38-6.693,12.488-6.693h10.737h3v-3v-9.613v-3h-3H3H0v3v9.613v3h3h7.064
18+
c20.857,0,39.547,12.428,47.615,31.661l91.526,218.191c1.601,3.816,5.313,6.282,9.458,6.282c3.804,0,7.163-1.998,8.986-5.344
19+
l11.939-21.91l45.582-83.646l43.884,104.617c1.601,3.816,5.313,6.282,9.458,6.282c3.804,0,7.163-1.998,8.986-5.344l11.939-21.91
20+
l110.58-202.919c8.727-16.014,25.477-25.962,43.714-25.962h1.992h3v-3v-9.613v-3h-2.999V93.489z"
21+
/>
22+
</svg>
23+
</template>

0 commit comments

Comments
 (0)