Ícone Pin 3
icons8:pin-3
O ícone Pin 3 (icons8:pin-3) é um ícone SVG gratuito da coleção Icons8 Windows 10 Icons de Icons8. Ele é desenhado em uma grade de 32 × 32. Icons8 Windows 10 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
- Icons8 Windows 10 Icons
- Autor
- Icons8
- Licença
- MIT
- Tamanho
- 32 × 32
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="m20.47 2.563l-.72.75c-1.045 1.15-1.542 2.605-1.656 4.062l-4.063 4.063c-2.47-.44-5.127.253-7.03 2.156l-.72.72l.72.686l4.313 4.313L3 27.593V29h1.406l8.282-8.313l4.218 4.22l.688.718l.718-.72c2.096-2.094 2.69-4.973 2.063-7.56l3.563-3.564c1.737.208 3.513-.293 4.78-1.56l.688-.72l-.687-.72l-7.5-7.5l-.75-.717zm.218 3.062l5.687 5.688c-.825.466-1.716.758-2.625.53l-.563-.155l-.406.406l-4.186 4.187l-.438.44l.188.593c.587 1.762.315 3.75-.844 5.375L9.312 14.5c1.455-1 3.206-1.46 4.844-1.03l.53.155l.408-.406l4.625-4.626l.28-.28v-.408c0-.803.293-1.563.688-2.28z"/></svg>Como usar o ícone Pin 3
React
import { Icon } from "@iconify/react";
<Icon icon="icons8:pin-3" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icons8:pin-3" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icons8:pin-3" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icons8--pin-3]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icons8 -->
<div class="i-icons8:pin-3"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icons8:pin-3"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/icons8/pin-3.svg" alt="Ícone Pin 3" width="24" height="24">Perguntas frequentes sobre Ícone Pin 3
O ícone Pin 3 é grátis para uso comercial?
Sim. Icons8 Windows 10 Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Pin 3 no React?
Instale @iconify/react e renderize <Icon icon="icons8:pin-3" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Pin 3 a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/icons8/pin-3.svg" alt="Ícone Pin 3">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.