Ícone Invision
fontisto:invision
O ícone Invision (fontisto:invision) é um ícone SVG gratuito da coleção Fontisto de Kenan Gündoğan. Ele é desenhado em uma grade de 24 × 24. Fontisto icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Fontisto
- Autor
- Kenan Gündoğan
- Licença
- MIT
- Tamanho
- 24 × 24
- Categoria
- Marca
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M21.825 0H2.175A2.177 2.177 0 0 0 0 2.175v19.65A2.177 2.177 0 0 0 2.175 24h19.65A2.177 2.177 0 0 0 24 21.825V2.175A2.177 2.177 0 0 0 21.825 0M8.02 4.667a1.443 1.443 0 0 1 0 2.884v.027a1.454 1.454 0 1 1 0-2.91zm9.816 13.815a1.974 1.974 0 0 1-2.199-2.097v-.003c0-.382.055-.75.157-1.099l-.007.028l.71-2.545c.07-.221.11-.476.11-.739v-.037v.002a1.21 1.21 0 0 0-1.304-1.315h.004c-1.013 0-1.68.727-2.025 2.13l-1.381 5.535H9.488l.432-1.74a3.43 3.43 0 0 1-2.903 1.885H7.01a1.932 1.932 0 0 1-2.156-2.122l-.001.008q.007-.58.137-1.119l-.007.034l1.1-4.49H4.376l.518-1.9h4.1l-1.62 6.4c-.084.293-.138.63-.15.979v.007c0 .41.2.53.517.6a2.71 2.71 0 0 0 2.554-1.821l.006-.019l1.06-4.25H9.638l.52-1.875h3.72l-.48 2.16a4.21 4.21 0 0 1 3.189-2.352l.023-.003a2.508 2.508 0 0 1 2.474 2.833l.001-.013v.004c0 .561-.088 1.101-.25 1.608l.01-.037l-.69 2.476a3 3 0 0 0-.1.654v.006c0 .434.18.645.494.645s.735-.24 1.2-1.56l.943.36c-.555 1.964-1.576 2.774-2.85 2.774z"/></svg>
Como usar o ícone Invision
React
import { Icon } from "@iconify/react";
<Icon icon="fontisto:invision" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fontisto:invision" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fontisto:invision" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fontisto--invision]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fontisto -->
<div class="i-fontisto:invision"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fontisto:invision"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/fontisto/invision.svg" alt="Ícone Invision" width="24" height="24">
O ícone Invision em outras coleções
Perguntas frequentes sobre Ícone Invision
O ícone Invision é grátis para uso comercial?
Sim. Fontisto icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Invision no React?
Instale @iconify/react e renderize <Icon icon="fontisto:invision" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Invision a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/fontisto/invision.svg" alt="Ícone Invision">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Fontisto →
ICONYZ
