pdnew/themes/default/assets/svg/fediverse.svg

209 lines
6.5 KiB
XML

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="100"
height="100"
viewBox="0 0 100 100"
version="1.1"
id="svg15"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<style>
svg {
--transition-time: 0.1s;
--element-count: 15;
--blur-delay: calc(var(--element-count) * var(--transition-time));
}
#mousegrabber {
fill: hsl(0 0 0 / 0);
}
path {
fill: hsl(80deg 100% 50% / 50%);
filter: drop-shadow(0 0 0 rebeccapurple);
transition: fill var(--transition-time) ease-in-out,
filter 0.3s ease-in-out;
}
path:nth-child(2) {
transition-delay:
calc((2 - 1) * var(--transition-time)),
var(--blur-delay);
}
path:nth-child(3) {
transition-delay:
calc((3 - 1) * var(--transition-time)),
var(--blur-delay);
}
path:nth-child(4) {
transition-delay:
calc((4 - 1) * var(--transition-time)),
var(--blur-delay);
}
path:nth-child(5) {
transition-delay:
calc((5 - 1) * var(--transition-time)),
var(--blur-delay);
}
path:nth-child(6) {
transition-delay:
calc((6 - 1) * var(--transition-time)),
var(--blur-delay);
}
path:nth-child(7) {
transition-delay:
calc((7 - 1) * var(--transition-time)),
var(--blur-delay);
}
path:nth-child(8) {
transition-delay:
calc((8 - 1) * var(--transition-time)),
var(--blur-delay);
}
path:nth-child(9) {
transition-delay:
calc((9 - 1) * var(--transition-time)),
var(--blur-delay);
}
path:nth-child(10) {
transition-delay:
calc((10 - 1) * var(--transition-time)),
var(--blur-delay);
}
path:nth-child(11) {
transition-delay:
calc((11 - 1) * var(--transition-time)),
var(--blur-delay);
}
path:nth-child(12) {
transition-delay:
calc((12 - 1) * var(--transition-time)),
var(--blur-delay);
}
path:nth-child(13) {
transition-delay:
calc((13 - 1) * var(--transition-time)),
var(--blur-delay);
}
path:nth-child(14) {
transition-delay:
calc((14 - 1) * var(--transition-time)),
var(--blur-delay);
}
path:nth-child(15) {
transition-delay:
calc((15 - 1) * var(--transition-time)),
var(--blur-delay);
}
a:hover path {
fill: hsl(80deg 100% 50% / 100%);
filter: drop-shadow(0 0 6px rebeccapurple);
}
</style>
<a
rel="me noreferer" target="_blank"
href="https://mastodon.social/@phryk"
>
<rect id="mousegrabber" width="100" height="100" />
<g
id="g15"
transform="matrix(0.53194164,0,0,0.53194164,-4.1613882,-0.43518198)">
<path
d="m 155.71214,116.8299 a 18.2278,18.2278 0 0 1 7.7959,-7.7597 l -42.7984,-42.9653 -10.3182,5.2291 z m -56.4524,-56.6704 10.3182,-5.2291 -21.686,-21.7708 a 18.2278,18.2278 0 0 1 -7.7975,7.7608 z"
id="path1"
/>
<path
d="M 73.97184,87.55 72.18534,76.1228 44.77044,90.017 a 18.2278,18.2278 0 0 1 4.9719,9.8124 z m 14.0658,-7.1282 57.2891,-29.0339 a 18.2278,18.2278 0 0 1 -4.9728,-9.8133 L 86.25124,68.994 Z"
id="path2"
/>
<path
d="m 134.10514,97.9726 -8.1618,-8.1933 -29.269,57.1387 a 18.2278,18.2278 0 0 1 9.787,5.0219 z m 7.1897,-14.0363 14.0022,-27.3353 a 18.2278,18.2278 0 0 1 -9.786,-5.0214 l -12.3775,24.1639 z"
id="path3"
/>
<path
d="m 163.74574,108.9502 a 18.2278,18.2278 0 0 1 10.8655,-1.7198 l -8.1762,-52.2981 a 18.2278,18.2278 0 0 1 -10.8645,1.7198 z"
id="path4"
/>
<path
d="m 140.31044,41.3156 a 18.2278,18.2278 0 0 1 1.7322,-10.8629 L 89.75334,22.062 a 18.2278,18.2278 0 0 1 -1.7322,10.8629 z"
id="path5"
/>
<path
d="m 68.72154,42.7083 a 18.2278,18.2278 0 0 1 -9.788,-5.0224 l -24.1345,47.117 a 18.2278,18.2278 0 0 1 9.7875,5.0229 z"
id="path6"
/>
<path
d="m 77.50344,156.4662 a 18.2278,18.2278 0 0 1 7.7975,-7.7608 l -37.3765,-37.5207 a 18.2278,18.2278 0 0 1 -7.7969,7.7608 z"
id="path7"
/>
<path
d="m 158.86594,137.9986 a 18.2278,18.2278 0 0 1 -4.9723,-9.8123 l -47.2478,23.9453 a 18.2278,18.2278 0 0 1 4.9718,9.8113 z"
id="path8"
/>
<path
d="m 85.38724,148.662 a 18.2278,18.2278 0 0 1 10.8511,-1.8123 l -4.1853,-26.8 -11.42,-1.8324 z m 4.2333,-44.1927 -9.8955,-63.3631 a 18.2278,18.2278 0 0 1 -10.88,1.6278 l 9.355,59.9035 z"
id="path9"
/>
<path
d="m 153.86004,127.9853 a 18.2278,18.2278 0 0 1 1.694,-10.8686 l -26.8206,-4.3077 -5.2715,10.2945 z m -45.9677,-7.382 5.272,-10.2955 -63.3713,-10.1777 a 18.2278,18.2278 0 0 1 -1.7606,10.8593 z"
id="path10"
/>
<path
d="m 110.19784,165.7846 a 16.570727,16.570727 0 1 0 -33.0924,-1.8025 16.570727,16.570727 0 1 0 33.0924,1.8025"
id="path11"
/>
<path
d="m 48.32234,103.6695 a 16.570677,16.570677 0 1 0 -33.0923,-1.8025 16.570677,16.570677 0 1 0 33.0923,1.8025"
id="path12"
/>
<path
d="m 88.28974,25.6441 a 16.570677,16.570677 0 1 0 -33.0923,-1.8025 16.570677,16.570677 0 1 0 33.0923,1.8025"
id="path13"
/>
<path
d="m 174.86654,39.5367 a 16.570677,16.570677 0 1 0 -33.0923,-1.8025 16.570677,16.570677 0 1 0 33.0923,1.8025"
id="path14"
/>
<path
d="m 188.40654,126.1484 a 16.570677,16.570677 0 1 0 -33.0923,-1.8025 16.570677,16.570677 0 1 0 33.0923,1.8025"
id="path15"
/>
</g>
</a>
</svg>