Ícone Ownfoil
selfhst:ownfoil
O ícone Ownfoil (selfhst:ownfoil) é um ícone SVG gratuito da coleção selfh.st/icons de selfh.st. Ele é desenhado em uma grade de 512 × 512. selfh.st/icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- selfh.st/icons
- Autor
- selfh.st
- Licença
- CC-BY-4.0
- Tamanho
- 512 × 512
Código 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>Como usar o ícone 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>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:ownfoil"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/selfhst/ownfoil.svg" alt="Ícone Ownfoil" width="24" height="24">Ícones relacionados em selfh.st/icons
Perguntas frequentes sobre Ícone Ownfoil
O ícone Ownfoil é grátis para uso comercial?
Sim. selfh.st/icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.
Como uso o ícone Ownfoil no React?
Instale @iconify/react e renderize <Icon icon="selfhst:ownfoil" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Ownfoil a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/selfhst/ownfoil.svg" alt="Ícone Ownfoil">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.