Icône Pencil Writing Light
stash:pencil-writing-light
L'icône Pencil Writing Light (stash:pencil-writing-light) est une icône SVG gratuite de la collection Stash Icons par Pingback LLC. Elle est dessinée sur une grille de 24 × 24. Les Stash 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
- Stash Icons
- Auteur
- Pingback LLC
- Licence
- MIT
- Taille
- 24 × 24
- Mots-clés
- pencilwriting, writinglight, pencilwritinglight
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M15.772 9.05a.5.5 0 0 1 .183.684l-3.417 5.913a.5.5 0 0 1-.866-.5l3.417-5.914a.5.5 0 0 1 .683-.183"/><path fill="currentColor" d="M15.14 3.983a2.4 2.4 0 0 0-.525.591c-.153.228-.32.518-.528.876l-5.122 8.864a3.2 3.2 0 0 0-.461 1.78l.035 2.117c.007.384.012.707.04.961q.017.165.057.328H4a.5.5 0 0 0 0 1h6a.5.5 0 0 0 .123-.015a2 2 0 0 0 .472-.15c.234-.103.516-.26.852-.446l1.854-1.028a3.2 3.2 0 0 0 1.311-1.288l5.123-8.864c.207-.358.375-.649.496-.895a2.4 2.4 0 0 0 .249-.75a2.34 2.34 0 0 0-.464-1.73a2.4 2.4 0 0 0-.591-.525c-.228-.153-.519-.32-.877-.527l-.03-.018c-.36-.207-.65-.374-.896-.495a2.4 2.4 0 0 0-.751-.249a2.34 2.34 0 0 0-1.73.463m1.6.528c.106.014.234.054.442.156c.212.104.474.255.85.472c.378.218.64.369.835.5c.193.13.291.22.356.304c.216.282.312.638.265.99c-.013.105-.053.233-.155.44a16 16 0 0 1-.473.85l-.13.227a3 3 0 0 0-.19-.21c-.296-.3-.791-.703-1.618-1.18c-.813-.47-1.376-.73-1.746-.874a5 5 0 0 0-.297-.106l.065-.114c.218-.377.37-.638.501-.834c.13-.192.22-.29.304-.355c.282-.216.639-.312.992-.266m1.447 4.879l-4.44 7.683a2.2 2.2 0 0 1-.931.914l-1.646.912A2 2 0 0 0 9.536 18l-.033-1.923a2.2 2.2 0 0 1 .328-1.262l4.53-7.838q.037.01.075.017h.003l.055.014c.058.016.162.048.318.11c.313.121.83.358 1.61.808c.768.442 1.186.793 1.406 1.016a1.7 1.7 0 0 1 .216.264a.5.5 0 0 0 .142.184"/></svg>Comment utiliser l'icône Pencil Writing Light
React
import { Icon } from "@iconify/react";
<Icon icon="stash:pencil-writing-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="stash:pencil-writing-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="stash:pencil-writing-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[stash--pencil-writing-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/stash -->
<div class="i-stash:pencil-writing-light"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="stash:pencil-writing-light"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/stash/pencil-writing-light.svg" alt="Icône Pencil Writing Light" width="24" height="24">Icônes similaires dans Stash Icons
FAQ : Icône Pencil Writing Light
L'icône Pencil Writing Light est-elle gratuite pour un usage commercial ?
Oui. Les Stash Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Pencil Writing Light dans React ?
Installez @iconify/react et affichez <Icon icon="stash:pencil-writing-light" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Pencil Writing Light à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/stash/pencil-writing-light.svg" alt="Icône Pencil Writing Light">, ou collez le code SVG directement dans la page pour le styliser en CSS.