Иконка Filesync
selfhst:filesync
Иконка Filesync (selfhst:filesync) — бесплатная 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"><path fill="#fc912d" d="M449.8 512H62.2C27.8 512 0 484.2 0 449.8V62.2C0 27.8 27.8 0 62.2 0h387.6C484.2 0 512 27.8 512 62.2v387.6c0 34.4-27.8 62.2-62.2 62.2"/><path fill="#fff" d="M427.7 217.3c-2.6 0-5.1-.8-7.4-2.5l-2.2-1.7C396.8 196.9 346.8 159 259 159h-.1c-88.2 0-145.9 36.8-166.7 52.6c-5.4 4.1-13 3.1-17.1-2.3s-3.1-13 2.3-17.1c28.2-21.5 89.3-57.6 181.5-57.6h.1c96.1 0 152.6 42.9 173.9 59.1l2.2 1.6c5.4 4.1 6.5 11.7 2.4 17.1c-2.5 3.3-6.1 4.9-9.8 4.9m-42.5 47.3c3.9-5.5 2.6-13.1-2.9-17c-14.4-10.2-58.1-41.1-123.3-41.1h-.3c-65.7.1-108.7 23.2-128.5 36.9c-5.5 3.9-6.9 11.5-3.1 17s11.5 6.9 17 3.1c14-9.8 53.3-32.4 114.5-32.5h.2c57.4 0 95 26.6 109.1 36.6c2.1 1.5 4.6 2.2 7 2.2c4.1-.1 7.9-1.9 10.3-5.2m-53 49c3.2-5.9 1-13.4-4.9-16.6c-13.5-7.3-33.2-15.7-67.1-15.9h-1.3c-40.1 0-59.8 7.7-73.7 15.2c-5.9 3.2-8.1 10.6-4.9 16.6c3.2 5.9 10.6 8.1 16.6 4.9c11.4-6.2 27.7-12.4 63.3-12.3c28.3.1 43.9 6.6 55.6 12.9c1.9 1 3.9 1.5 5.8 1.5c4.2.1 8.4-2.2 10.6-6.3M274.4 345c-6.9-4-13.7-3.9-17.8-3.9c-3.6 0-8.6.1-14.3 2.7c-3.5 1.5-11.7 5.2-12.6 11.6c-.6 4 2.1 7.1 7.3 13.3c9 10.5 13.5 15.7 19.8 15.6c5-.1 9.2-4.2 17.4-12.7c7.1-7.5 10.7-11.2 10.1-15.8c-.7-5.5-6.5-8.9-9.9-10.8"/></svg>Как использовать иконку Filesync
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:filesync" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:filesync" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:filesync" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--filesync]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:filesync"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:filesync"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/selfhst/filesync.svg" alt="Иконка Filesync" width="24" height="24">Похожие иконки в наборе selfh.st/icons
Вопросы и ответы: Иконка Filesync
Можно ли бесплатно использовать иконку Filesync в коммерческих проектах?
Да. selfh.st/icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Filesync в React?
Установите @iconify/react и выведите <Icon icon="selfhst:filesync" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Filesync на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/selfhst/filesync.svg" alt="Иконка Filesync">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.