Icône Pin Sharp Fill
keyline-icons:pin-sharp-fill
L'icône Pin Sharp Fill (keyline-icons:pin-sharp-fill) est une icône SVG gratuite de la collection Keyline Icons. Elle est dessinée sur une grille de 24 × 24. Les Keyline Icons sont publiées sous la licence MIT, 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
- Keyline Icons
- Auteur
- Keyline Icons
- Licence
- MIT
- Taille
- 24 × 24
- Mots-clés
- pinsharp, sharpfill, pinsharpfill
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" d="M15.1478 2.293L21.707 8.8522C21.8946 9.0398 21.9999 9.2941 21.9999 9.5593C21.9999 9.8246 21.8946 10.0789 21.707 10.2664L19.3319 12.6416C19.1443 12.8292 18.89 12.9345 18.6248 12.9345C18.4057 12.9345 18.1927 12.8626 18.0185 12.7298L16.9703 11.9306L15.222 13.679C15.7574 15.5541 16.029 17.4947 16.029 19.4448C16.029 19.6328 16.0265 19.8207 16.0215 20.0086C16.0135 20.3037 15.8757 20.5801 15.6448 20.764L14.3663 21.7823C14.1893 21.9233 13.9696 22.0001 13.7433 22.0001C13.4781 22.0001 13.2237 21.8947 13.0362 21.7072L2.2928 10.9638C2.1053 10.7763 1.9999 10.5219 1.9999 10.2567C1.9999 10.0304 2.0767 9.8107 2.2177 9.6337L3.236 8.3552C3.4199 8.1243 3.6963 7.9865 3.9914 7.9785C4.1793 7.9735 4.3672 7.971 4.5552 7.971C6.5053 7.971 8.4459 8.2426 10.321 8.778L12.0694 7.0297L11.2702 5.9815C11.1374 5.8073 11.0655 5.5943 11.0655 5.3752C11.0655 5.11 11.1708 4.8557 11.3584 4.6681L13.7336 2.293C13.9211 2.1054 14.1754 2.0001 14.4407 2.0001C14.7059 2.0001 14.9602 2.1054 15.1478 2.293Z" stroke="none"/><path d="M8.3716 15.6284L3.6875 20.3125"/></g></svg>
Comment utiliser l'icône Pin Sharp Fill
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:pin-sharp-fill" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:pin-sharp-fill" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:pin-sharp-fill" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--pin-sharp-fill]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:pin-sharp-fill"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:pin-sharp-fill"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/keyline-icons/pin-sharp-fill.svg" alt="Icône Pin Sharp Fill" width="24" height="24">
Icônes similaires dans Keyline Icons
FAQ : Icône Pin Sharp Fill
L'icône Pin Sharp Fill est-elle gratuite pour un usage commercial ?
Oui. Les Keyline Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Pin Sharp Fill dans React ?
Installez @iconify/react et affichez <Icon icon="keyline-icons:pin-sharp-fill" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Pin Sharp Fill à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/keyline-icons/pin-sharp-fill.svg" alt="Icône Pin Sharp Fill">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Keyline Icons →
ICONYZ
