Icône Tag Horizontal Start Percent Sharp Two Tone
keyline-icons:tag-horizontal-start-percent-sharp-two-tone
L'icône Tag Horizontal Start Percent Sharp Two Tone (keyline-icons:tag-horizontal-start-percent-sharp-two-tone) 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
- taghorizontal, horizontalstart, startpercent, percentsharp, sharptwo, twotone
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" fill-opacity=".4" d="M22 3C22.5523 3 23 3.4477 23 4L23 20C23 20.5523 22.5523 21 22 21L9.1716 21C8.8874 21 8.6167 20.8791 8.427 20.6675L1.2554 12.6675C0.9149 12.2876 0.9149 11.7124 1.2554 11.3325L8.427 3.3325C8.6167 3.1209 8.8874 3 9.1716 3L22 3Z" stroke="none"/><path d="M22 4L9.1716 4L2 12L9.1716 20L22 20L22 4ZM10.9571 15.2929L17.5429 8.7071"/><path fill="currentColor" d="M12.75 8.5C12.75 9.3284 12.0784 10 11.25 10C10.4216 10 9.75 9.3284 9.75 8.5C9.75 7.6716 10.4216 7 11.25 7C12.0784 7 12.75 7.6716 12.75 8.5ZM18.75 15.5C18.75 16.3284 18.0784 17 17.25 17C16.4216 17 15.75 16.3284 15.75 15.5C15.75 14.6716 16.4216 14 17.25 14C18.0784 14 18.75 14.6716 18.75 15.5Z" stroke="none"/></g></svg>Comment utiliser l'icône Tag Horizontal Start Percent Sharp Two Tone
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:tag-horizontal-start-percent-sharp-two-tone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:tag-horizontal-start-percent-sharp-two-tone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:tag-horizontal-start-percent-sharp-two-tone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--tag-horizontal-start-percent-sharp-two-tone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:tag-horizontal-start-percent-sharp-two-tone"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:tag-horizontal-start-percent-sharp-two-tone"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/keyline-icons/tag-horizontal-start-percent-sharp-two-tone.svg" alt="Icône Tag Horizontal Start Percent Sharp Two Tone" width="24" height="24">Icônes similaires dans Keyline Icons
FAQ : Icône Tag Horizontal Start Percent Sharp Two Tone
L'icône Tag Horizontal Start Percent Sharp Two Tone 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 Tag Horizontal Start Percent Sharp Two Tone dans React ?
Installez @iconify/react et affichez <Icon icon="keyline-icons:tag-horizontal-start-percent-sharp-two-tone" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Tag Horizontal Start Percent Sharp Two Tone à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/keyline-icons/tag-horizontal-start-percent-sharp-two-tone.svg" alt="Icône Tag Horizontal Start Percent Sharp Two Tone">, ou collez le code SVG directement dans la page pour le styliser en CSS.