Иконка Soulseek
selfhst:soulseek
Иконка Soulseek (selfhst:soulseek) — бесплатная SVG-иконка из набора selfh.st/icons от selfh.st. Она нарисована на сетке 512 × 512. selfh.st/icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- selfh.st/icons
- Автор
- selfh.st
- Лицензия
- CC-BY-4.0
- Размер
- 512 × 512
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><linearGradient id="SVGjzCQKbkG" x1="256" x2="256" y1="499.629" y2="12.371" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#3838cf"/><stop offset=".182" stop-color="#3d3dd1"/><stop offset=".397" stop-color="#4b4bd9"/><stop offset=".627" stop-color="#6363e4"/><stop offset=".868" stop-color="#8484f4"/><stop offset="1" stop-color="#99f"/></linearGradient><path fill="url(#SVGjzCQKbkG)" d="M288.6 186.8c-4.3 23.1 30.3 30.3 30.3 30.3s21.6 5.8 87.9-31.7s96.6-69.2 96.6-69.2l-10.1 23.1l15.9-1.4L499 158h13l-15.9 23l7.2 4.3l-18.7 20.2l4.3 8.6s-28.8 36-62 60.5s-49 43.2-115.3 80.7C278.5 403 158.8 499.6 158.8 499.6l4.3-23.1s-13 4.3-38.9 15.9c-1.4-11.5 7.2-21.6 7.2-21.6s-4.3 4.3-41.8 15.9c10.1-17.3 18.7-24.5 18.7-24.5s-18.7 4.3-38.9 10.1c1.4-20.2 44.7-37.5 44.7-37.5s-11.5 5.8-34.6 5.8c23.1-28.8 100.9-59.1 100.9-59.1s25.9-27.4 4.3-34.6s-30.3 1.4-30.3 1.4s-17.3-5.8-36-14.4s-50.4-39-50.4-39L.2 214.2s-2.9-10.1 11.5-10.1C1.7 192.6.2 182.5.2 182.5L6 172.4v-15.9s-5.8-14.4 14.4-5.8c-13-7.2-8.6-23.1-11.5-43.2c10.1 30.3 54.8 66.3 54.8 66.3s4.3 7.2 51.9 27.4s103.8 15.9 103.8 15.9s-1.4-1.4 2.9-14.4s-15.9-10.1-20.2-37.5c7.2-38.9-40.4-57.7-40.4-57.7s10.1-7.2 21.6-5.8s-23.1-13-17.3-15.9s20.2 5.8 20.2 5.8l-15.9-11.5s1.4-2.9 14.4-1.4c13 1.4-2.9-7.2-11.5-18.7c13-5.8 11.5 5.8 20.2 5.8c-1.4-11.5-17.3-27.4-17.3-27.4s21.6 5.8 27.4 14.4c-2.9-13-17.3-40.4-17.3-40.4s31.7 7.2 47.6 23.1l64.9 64.9l37.5 69.2l-25.9 5.8l11.5 28.8z"/></svg>Как использовать иконку Soulseek
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:soulseek" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:soulseek" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:soulseek" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--soulseek]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:soulseek"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:soulseek"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/selfhst/soulseek.svg" alt="Иконка Soulseek" width="24" height="24">Похожие иконки в наборе selfh.st/icons
Вопросы и ответы: Иконка Soulseek
Можно ли бесплатно использовать иконку Soulseek в коммерческих проектах?
Да. selfh.st/icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Soulseek в React?
Установите @iconify/react и выведите <Icon icon="selfhst:soulseek" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Soulseek на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/selfhst/soulseek.svg" alt="Иконка Soulseek">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.