Иконка Syncthing
selfhst:syncthing
Иконка Syncthing (selfhst:syncthing) — бесплатная 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="SVGYVBYcbxg" x1="256" x2="256" y1="1183.3" y2="671.3" gradientTransform="translate(0 -671.3)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0882c8"/><stop offset="1" stop-color="#26b6db"/></linearGradient><circle cx="256" cy="256" r="256" fill="url(#SVGYVBYcbxg)"/><path fill="#fff" d="M462.7 184c7-20.5-3.9-42.7-24.4-49.7c-6.5-2.2-13.2-2.6-19.5-1.5c-37.2-49.3-96.3-81.3-162.8-81.3c-112.3 0-203.7 91.4-203.7 203.7c0 4.3.2 8.6.4 12.9c-5.6 3.2-10.4 7.8-13.9 13.7c-10.9 18.8-4.8 42.7 13.5 53.6c6 3.5 12.5 5.2 18.9 5.4c32.4 69.6 103 118 184.8 118c36.1 0 70.1-9.5 99.5-26c5.4 3.7 11.7 6.1 18.7 6.8c21.8 1.7 40.6-14 42.7-35.8c.6-7-.7-13.7-3.5-19.7c28.9-35.2 46.2-80.1 46.2-129c0-19-2.6-37.4-7.5-54.9c4.7-4.2 8.4-9.7 10.6-16.2M256 77.6c56.8 0 107.4 26.8 139.9 68.4c-3.2 3.7-5.7 8.1-7.4 13.1c-3.1 9.2-2.7 18.4.4 26.5l-74.7 62c-12.4-7.3-28.3-7.4-40.9.9c-8.8 5.2-14.6 13.6-16.9 23L107.7 285c-3.2-6.8-8.3-12.7-15.2-16.8c-4.4-2.5-9-4.2-13.8-4.9c-.1-2.7-.2-5.4-.2-8.2c0-97.8 79.6-177.5 177.5-177.5M96.4 332.7c3.8-2.9 7.1-6.5 9.6-10.8c2-3.5 3.4-7.1 4.3-10.8L259 297.6c.8 1.7 1.7 3.4 2.7 5c9.5 14.8 27.3 21.1 43.2 16.7l40.5 58.5c-3.9 5.4-6.4 11.9-7 19c-.4 5.1.2 10 1.6 14.6c-25 13.5-53.6 21.2-84 21.2c-70.1 0-130.8-40.8-159.6-99.9m337.1-77.6c0 41.5-14.3 79.8-38.3 110c-4.3-2.1-9-3.6-14-4.1c-5-.3-9.8.3-14.4 1.6l-40.4-58.3c7.7-10.6 9.6-24.5 4.9-36.8l74.9-62.2c2.1 1.2 4.4 2.2 6.8 3c4.9 1.7 9.9 2.3 14.8 2c3.7 14.5 5.7 29.4 5.7 44.8"/></svg>Как использовать иконку Syncthing
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:syncthing" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:syncthing" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:syncthing" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--syncthing]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:syncthing"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:syncthing"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/selfhst/syncthing.svg" alt="Иконка Syncthing" width="24" height="24">Похожие иконки в наборе selfh.st/icons
Иконка Syncthing в других наборах
Вопросы и ответы: Иконка Syncthing
Можно ли бесплатно использовать иконку Syncthing в коммерческих проектах?
Да. selfh.st/icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Syncthing в React?
Установите @iconify/react и выведите <Icon icon="selfhst:syncthing" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Syncthing на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/selfhst/syncthing.svg" alt="Иконка Syncthing">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.