Ícone Flat Head Thumb Tack
pinhead:flat-head-thumb-tack
O ícone Flat Head Thumb Tack (pinhead:flat-head-thumb-tack) é um ícone SVG gratuito da coleção Pinhead Map Icons de Quincy Morgan. Ele é desenhado em uma grade de 15 × 15. Pinhead Map Icons são publicados sob a licença CC0, 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
- Pinhead Map Icons
- Autor
- Quincy Morgan
- Licença
- CC0-1.0
- Tamanho
- 15 × 15
- Tags
- flathead, headthumb, thumbtack, flatheadthumbtack
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M8.5 9.72V13l-1 2l-1-2V9.72a17 17 0 0 0 2 0m5.11-2.4l-.06.05l-.19.13l-.17.11l-.36.21l-.29.14c-.1.05-.2.1-.31.14c-.22.1-.45.19-.7.27l-.33.11l-.32.09l-.33.09l-.28.06l-.39.07l-.35.06l-.31.04l-.45.05l-.23.02C8.2 8.99 7.85 9 7.5 9c-.34 0-.67-.01-1-.04l-.45-.03l-.43-.06l-.41-.06l-.37-.07l-.24-.05l-.21-.05l-.31-.08c-.26-.07-.51-.15-.75-.23l-.25-.1c-.14-.05-.29-.11-.42-.18a4 4 0 0 1-.37-.17l-.19-.1l-.26-.16l-.29-.19l-.24-.17l-.13-.11l-.2-.17l-.09-.09l-.11-.11C.7 6.69.63 6.61.56 6.52l-.1-.14l-.13-.19l-.07-.15l-.07-.15l-.03-.07l-.03-.07C.1 5.67.08 5.59.06 5.52C.05 5.46.04 5.4.03 5.35l-.02-.13v-.07L0 5V4l.01-.15C.15 1.71 3.45 0 7.5 0C11.64 0 15 1.79 15 4v1c0 .07 0 .15-.01.22l-.02.13c-.01.05-.02.11-.03.17l-.05.15l-.05.15l-.05.13l-.07.14l-.08.13l-.05.09l-.09.13c-.07.1-.14.19-.22.28l-.17.17c-.09.09-.18.17-.28.26zm-.39-1.33l-.06.01c-1.89.67-3.77 1-5.66 1s-3.77-.33-5.66-1a.25.25 0 0 0-.3.12c-.07.12-.02.27.1.34C3.6 7.49 5.55 8 7.5 8s3.9-.51 5.86-1.54c.11-.06.16-.19.12-.31a.26.26 0 0 0-.26-.16"/></svg>Como usar o ícone Flat Head Thumb Tack
React
import { Icon } from "@iconify/react";
<Icon icon="pinhead:flat-head-thumb-tack" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="pinhead:flat-head-thumb-tack" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="pinhead:flat-head-thumb-tack" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[pinhead--flat-head-thumb-tack]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/pinhead -->
<div class="i-pinhead:flat-head-thumb-tack"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="pinhead:flat-head-thumb-tack"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/pinhead/flat-head-thumb-tack.svg" alt="Ícone Flat Head Thumb Tack" width="24" height="24">Ícones relacionados em Pinhead Map Icons
Perguntas frequentes sobre Ícone Flat Head Thumb Tack
O ícone Flat Head Thumb Tack é grátis para uso comercial?
Sim. Pinhead Map Icons são publicados sob a licença CC0, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Flat Head Thumb Tack no React?
Instale @iconify/react e renderize <Icon icon="pinhead:flat-head-thumb-tack" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Flat Head Thumb Tack a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/pinhead/flat-head-thumb-tack.svg" alt="Ícone Flat Head Thumb Tack">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.