Ícone Vigo
icon-park:vigo
O ícone Vigo (icon-park:vigo) é um ícone SVG gratuito da coleção IconPark de ByteDance. Ele é desenhado em uma grade de 48 × 48. IconPark icons são publicados sob a licença Apache 2.0, 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
- IconPark
- Autor
- ByteDance
- Licença
- Apache-2.0
- Tamanho
- 48 × 48
- Categoria
- Marca
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-linejoin="round" stroke-width="3.833"><path fill="#2F88FF" stroke="#000" d="M24 44.125C33.5269 44.125 41.25 36.5094 41.25 27.1152C41.25 24.8089 40.9348 22.6141 40.2603 20.5237C39.8709 19.3169 39.5558 18.7406 39.093 17.6297C38.6302 16.5188 38.0145 15.5808 37.3134 14.6373C36.6123 13.6939 35.2464 11.8389 34.3008 11.4664C34.3008 12.9285 31.4285 18.0347 30.3258 18.2913C29.2231 18.5479 31.1407 12.9224 28.6979 9.07446C26.255 5.22647 22.3053 2.70049 22.3053 4.42961C22.3053 6.15873 21.2123 9.0621 20.1113 10.5015C19.0104 11.9408 17.2251 13.1774 15.9817 13.7582C14.7383 14.339 15.1885 10.8503 14.2551 11.4664C13.3144 12.0874 11.9773 13.8173 11.2742 14.903C8.81281 18.7041 6.75 22.418 6.75 27.1152C6.75 36.5094 14.4731 44.125 24 44.125Z"/><path fill="#000" stroke="#fff" d="M19.2959 23.7326V32.4698C19.2959 33.5069 20.1366 34.3477 21.1737 34.3477C21.5217 34.3477 21.8627 34.251 22.1589 34.0685L30.5444 28.9005C30.9859 28.6285 31.1232 28.05 30.8511 27.6086C30.7742 27.4838 30.6692 27.3788 30.5444 27.3019L22.1589 22.134C21.2761 21.5898 20.1192 21.8645 19.5751 22.7474C19.3926 23.0436 19.2959 23.3846 19.2959 23.7326Z"/></g></svg>Como usar o ícone Vigo
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:vigo" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:vigo" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:vigo" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--vigo]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:vigo"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:vigo"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/icon-park/vigo.svg" alt="Ícone Vigo" width="24" height="24">O ícone Vigo em outras coleções
Perguntas frequentes sobre Ícone Vigo
O ícone Vigo é grátis para uso comercial?
Sim. IconPark icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Vigo no React?
Instale @iconify/react e renderize <Icon icon="icon-park:vigo" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Vigo a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/icon-park/vigo.svg" alt="Ícone Vigo">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.