Icône Flat Head Thumb Tack
pinhead:flat-head-thumb-tack
L'icône Flat Head Thumb Tack (pinhead:flat-head-thumb-tack) est une icône SVG gratuite de la collection Pinhead Map Icons par Quincy Morgan. Elle est dessinée sur une grille de 15 × 15. Les Pinhead Map Icons sont publiées sous la licence CC0, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Pinhead Map Icons
- Auteur
- Quincy Morgan
- Licence
- CC0-1.0
- Taille
- 15 × 15
- Mots-clés
- flathead, headthumb, thumbtack, flatheadthumbtack
Code 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>Comment utiliser l'icône 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>Image HTML
<img src="https://iconyz.com/api/public/svg/pinhead/flat-head-thumb-tack.svg" alt="Icône Flat Head Thumb Tack" width="24" height="24">Icônes similaires dans Pinhead Map Icons
FAQ : Icône Flat Head Thumb Tack
L'icône Flat Head Thumb Tack est-elle gratuite pour un usage commercial ?
Oui. Les Pinhead Map Icons sont publiées sous la licence CC0, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Flat Head Thumb Tack dans React ?
Installez @iconify/react et affichez <Icon icon="pinhead:flat-head-thumb-tack" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Flat Head Thumb Tack à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/pinhead/flat-head-thumb-tack.svg" alt="Icône Flat Head Thumb Tack">, ou collez le code SVG directement dans la page pour le styliser en CSS.