Иконка Ownfoil
selfhst:ownfoil
Иконка Ownfoil (selfhst:ownfoil) — бесплатная 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="#01ffe1" d="M174.4 154.3c0 26.6-21.2 48.2-47.4 48.2s-47.4-21.6-47.4-48.2s21.2-48.2 47.4-48.2s47.4 21.6 47.4 48.2M512 131v250.5c-.3 71-57.3 130.5-127 130.5h-86V.2h41.3l24.2-.2H385c69.9 0 127 59.8 127 131m-62.1 150.9c0-28.8-22.6-51.8-50.9-51.8s-50.9 23-50.9 51.8s22.6 51.8 50.9 51.8s50.9-23 50.9-51.8M147.5.2h98.2V512H127C57.1 512 0 452.2 0 381V130.5C.3 59.5 57.3 0 127 0h20.5zm0 42.1h-18.9v-.1c-65 6.6-84.7 45.9-87.2 99.5V371c2.7 53.6 22.8 92.8 88.6 98.9h74.4V42.3z"/></svg>Как использовать иконку Ownfoil
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:ownfoil" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:ownfoil" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:ownfoil" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--ownfoil]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:ownfoil"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:ownfoil"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/selfhst/ownfoil.svg" alt="Иконка Ownfoil" width="24" height="24">Похожие иконки в наборе selfh.st/icons
Вопросы и ответы: Иконка Ownfoil
Можно ли бесплатно использовать иконку Ownfoil в коммерческих проектах?
Да. selfh.st/icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Ownfoil в React?
Установите @iconify/react и выведите <Icon icon="selfhst:ownfoil" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Ownfoil на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/selfhst/ownfoil.svg" alt="Иконка Ownfoil">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.