Иконка Fediverse Logo Thin
ph:fediverse-logo-thin
Иконка Fediverse Logo Thin (ph:fediverse-logo-thin) — бесплатная SVG-иконка из набора Phosphor от Phosphor Icons. Она нарисована на сетке 256 × 256. Phosphor icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Phosphor
- Автор
- Phosphor Icons
- Лицензия
- MIT
- Размер
- 256 × 256
- Теги
- social media, decentralized, fediverselogo, logothin, fediverselogothin
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M212 100a23.8 23.8 0 0 0-11.65 3L165.9 60a24 24 0 1 0-41.28-10.56L72.29 71.21A24 24 0 1 0 49 107.8l2.11 52.71a24 24 0 1 0 26.59 33.72l54.43 15.24c-.08.83-.13 1.68-.13 2.53a24 24 0 1 0 40.07-17.81l30.6-48.08A23.8 23.8 0 0 0 212 148a24 24 0 0 0 0-48m-23.82 21.13l-55.06 2.62l13.29-55.81q.79.06 1.59.06a23.8 23.8 0 0 0 11.65-3l34.45 43a23.9 23.9 0 0 0-5.92 13.13m-116 45.19a23.9 23.9 0 0 0-13.16-6.12l-2.11-52.71a24.05 24.05 0 0 0 13.52-8.18l50.4 29.18ZM148 28a16 16 0 1 1-16 16a16 16 0 0 1 16-16m-20.29 28.79a24 24 0 0 0 10.92 9.3l-13.28 55.76l-50.87-29.46A23.8 23.8 0 0 0 76 84a24 24 0 0 0-.62-5.41ZM36 84a16 16 0 1 1 16 16a16 16 0 0 1-16-16m20 116a16 16 0 1 1 16-16a16 16 0 0 1-16 16m23.87-13.47c.08-.83.13-1.68.13-2.53a23.86 23.86 0 0 0-2.87-11.37l48.86-38l18.73 56.19a24.17 24.17 0 0 0-10.42 11ZM156 228a16 16 0 1 1 16-16a16 16 0 0 1-16 16m9.33-38.11A23.8 23.8 0 0 0 156 188a25 25 0 0 0-3.69.28l-18.85-56.54l55.1-2.62a23.92 23.92 0 0 0 7.37 12.69ZM212 140a16 16 0 1 1 16-16a16 16 0 0 1-16 16"/></svg>Как использовать иконку Fediverse Logo Thin
React
import { Icon } from "@iconify/react";
<Icon icon="ph:fediverse-logo-thin" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ph:fediverse-logo-thin" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ph:fediverse-logo-thin" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--fediverse-logo-thin]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:fediverse-logo-thin"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ph:fediverse-logo-thin"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/ph/fediverse-logo-thin.svg" alt="Иконка Fediverse Logo Thin" width="24" height="24">Похожие иконки в наборе Phosphor
Вопросы и ответы: Иконка Fediverse Logo Thin
Можно ли бесплатно использовать иконку Fediverse Logo Thin в коммерческих проектах?
Да. Phosphor icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Fediverse Logo Thin в React?
Установите @iconify/react и выведите <Icon icon="ph:fediverse-logo-thin" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Fediverse Logo Thin на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/ph/fediverse-logo-thin.svg" alt="Иконка Fediverse Logo Thin">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.