Иконка Fuchsia
logos:fuchsia
Иконка Fuchsia (logos:fuchsia) — бесплатная SVG-иконка из набора SVG Logos от Gil Barbara. Она нарисована на сетке 256 × 229. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- SVG Logos
- Автор
- Gil Barbara
- Лицензия
- CC0-1.0
- Размер
- 256 × 229
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="229" viewBox="0 0 256 229"><path fill="#ed1d7f" d="M106.64.245c62.915-4.092 117.135 43.479 121.739 105.883v13.81c0 1.535-1.024 2.558-2.558 2.558h-.512c-1.023 0-1.534-.511-2.046-1.023s-.511-1.534-.511-2.046c.511-4.092.511-8.696 0-12.788C218.66 46.793 166.997 1.78 107.15 5.872C47.304 9.964 2.29 61.627 6.384 121.473c4.092 59.847 55.754 104.86 114.578 100.767c11.764-1.023 22.506-3.58 33.248-7.672h1.023c1.534-.512 2.557.511 3.069 1.534c.511 1.535 0 3.07-1.535 3.58c-11.253 4.604-23.018 7.162-34.782 8.185C59.069 232.471 4.337 184.9.245 121.985S43.724 4.849 106.64.245m130.434 139.642C248.84 149.095 256 162.905 256 178.762c0 27.622-24.04 50.128-51.15 50.128s-49.617-21.995-49.617-49.616c0-10.742 3.58-20.46 9.207-28.645c19.437-28.133 12.788-67.008-15.345-86.956c-28.133-19.438-67.008-12.788-86.957 15.345c-19.437 28.133-12.788 67.008 15.345 86.956c23.018 15.857 52.686 14.323 73.658-1.534c-2.558 9.719-2.558 19.949 0 29.156c-27.11 13.3-60.87 11.765-87.468-7.161c-39.898-28.133-49.105-82.353-21.484-121.74c28.133-39.897 82.353-49.104 121.74-21.483c39.897 28.133 49.104 82.353 21.483 121.74c-3.07 4.091-4.604 9.207-4.604 14.322c0 13.81 11.253 25.064 25.064 25.064s25.064-11.254 25.064-25.064c0-7.673-3.58-14.834-9.207-19.438c-4.092-3.58-9.207-5.626-15.345-5.626c-2.046 0-4.092 0-6.139.511c3.581-8.184 6.139-16.368 7.673-25.575c10.742 0 20.972 4.092 29.156 10.741"/></svg>Как использовать иконку Fuchsia
React
import { Icon } from "@iconify/react";
<Icon icon="logos:fuchsia" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:fuchsia" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:fuchsia" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--fuchsia]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:fuchsia"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:fuchsia"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/logos/fuchsia.svg" alt="Иконка Fuchsia" width="24" height="24">Вопросы и ответы: Иконка Fuchsia
Можно ли бесплатно использовать иконку Fuchsia в коммерческих проектах?
Да. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Fuchsia в React?
Установите @iconify/react и выведите <Icon icon="logos:fuchsia" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Fuchsia на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/logos/fuchsia.svg" alt="Иконка Fuchsia">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.