Ícone Pushpin

emojione-v1:pushpin

O ícone Pushpin (emojione-v1:pushpin) é um ícone SVG gratuito da coleção Emoji One (v1) de Emoji One. Ele é desenhado em uma grade de 64 × 64. Emoji One (v1) icons são publicados sob a licença CC BY-SA 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor e compartilhe as alterações nos ícones sob a mesma licença. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: Emoji One (v1)
Autor: Emoji One
Licença: CC-BY-SA-4.0
Tamanho: 64 × 64
Categoria: Objetos

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#aeaeae" d="M4.516 61.56c-1.652 1.683-3.155 2.89-4.132 1.903c-.979-.987.193-2.521 1.847-4.202l31.507-36.01c1.647-1.685 5.04-.988 6.02-.004c.977.983 1.687 4.417.037 6.102l-35.27 32.21"/><path fill="#7c7b7d" d="m3.188 60.35l31.501-36c1.438-1.47 4.195-1.13 5.532-.364c-.149-.298-.303-.561-.474-.732c-.973-.981-4.362-1.678-6.01.009L2.232 59.273C.578 60.954-.594 62.487.38 63.475c.187.187.393.271.614.313c-.048-.936.923-2.133 2.196-3.433"/><g fill="#be202e"><path d="M46.672 63.03c-3.718 3.742-16.961-3.674-29.577-16.568C4.477 33.567-2.741 20.079.975 16.342c3.718-3.745 16.959 3.674 29.58 16.571c12.616 12.893 19.832 26.378 16.11 30.12"/><path d="M38.682 32.09c6.838-6.887 15.869-8.902 20.17-4.5L36.006 4.239c4.301 4.395 2.245 13.547-4.595 20.429c-6.836 6.884-15.87 8.905-20.17 4.505l22.848 23.346c-4.303-4.397-2.248-13.544 4.591-20.429"/></g><path fill="#a51e2d" d="M34.926 28.396c6.838-6.884 8.894-16.03 4.586-20.432l18.451 18.852c.313.23.615.486.894.773L36.011 4.24c4.301 4.395 2.245 13.547-4.595 20.429c-6.836 6.884-15.87 8.905-20.17 4.505l4.402 4.497c4.568 3.341 12.883 1.163 19.281-5.275"/><path fill="#be202e" d="M62.51 30.75c-2.41 2.426-10.982-2.377-19.16-10.73C35.182 11.668 30.506 2.93 32.912.511c2.405-2.423 10.985 2.382 19.16 10.732c8.169 8.35 12.84 17.09 10.437 19.507"/><path fill="#a51e2d" d="M56.6 24.713c-1.441 1.455-6.593-1.433-11.501-6.448c-4.91-5.02-7.715-10.261-6.271-11.718c1.448-1.453 6.593 1.435 11.505 6.446c4.91 5.02 7.717 10.261 6.267 11.72"/></svg>

Como usar o ícone Pushpin

React

import { Icon } from "@iconify/react";

<Icon icon="emojione-v1:pushpin" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="emojione-v1:pushpin" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="emojione-v1:pushpin" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--pushpin]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:pushpin"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="emojione-v1:pushpin"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/emojione-v1/pushpin.svg" alt="Ícone Pushpin" width="24" height="24">

O ícone Pushpin em outras coleções

Perguntas frequentes sobre Ícone Pushpin

O ícone Pushpin é grátis para uso comercial?

Sim. Emoji One (v1) icons são publicados sob a licença CC BY-SA 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor e compartilhe as alterações nos ícones sob a mesma licença.

Como uso o ícone Pushpin no React?

Instale @iconify/react e renderize <Icon icon="emojione-v1:pushpin" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Pushpin a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/emojione-v1/pushpin.svg" alt="Ícone Pushpin">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones Emoji One (v1) →