Icône Pen Duo
streamline-stickies-color:pen-duo
L'icône Pen Duo (streamline-stickies-color:pen-duo) est une icône SVG gratuite de la collection Stickies color icons par Streamline. Elle est dessinée sur une grille de 40 × 40. Les Stickies color icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Stickies color icons
- Auteur
- Streamline
- Licence
- CC-BY-4.0
- Taille
- 40 × 40
- Catégorie
- Design et images
- Mots-clés
- penduo
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><g fill="none"><g stroke="#00034a" stroke-miterlimit="10" clip-path="url(#SVGw9scfcdR)"><path fill="#00034a" d="M12.302 17.536c.39-1.354 4.547-6.466 8.442-10.36C26.924.993 30.987-.21 34.474 2.212c.839.406 1.639 1.014 2.42 1.809c3.826 3.894 3.952 7.565-3.691 15.16c-3.866 3.866-9.007 8.053-10.36 8.443a3 3 0 0 1-.858.33c.273 2.484-.691 5.054-3.135 7.489c-3.014 3.053-8.51 4.19-12.345 4.014c-1.624-.075-3.684-.452-4.895-1.669c-1.908-1.917-1.597-11.8 2.873-16.26c2.434-2.444 5.005-3.408 7.488-3.135c.06-.303.171-.593.33-.857z"/><path fill="#9bff00" d="M20.744 7.175c-3.895 3.895-8.053 9.007-8.442 10.36c-.16.265-.272.555-.331.858c-2.483-.273-5.054.691-7.488 3.135c-4.47 4.46-4.781 14.343-2.873 16.261c1.909 1.919 11.802 1.597 16.261-2.92c2.444-2.435 3.408-5.006 3.136-7.489c.3-.066.59-.177.857-.33c1.353-.39 6.494-4.577 10.36-8.443c7.644-7.595 7.517-11.266 3.69-15.161c-3.826-3.895-8.12-3.321-15.17 3.729Z"/><path stroke-linecap="round" d="M14.716 20a13.8 13.8 0 0 1 2.6 2.142a13.4 13.4 0 0 1 2.172 2.6"/><path fill="#fff" d="M11.182 30.924a2.707 2.707 0 1 0 0-5.413a2.707 2.707 0 0 0 0 5.413Z"/><path stroke-linecap="round" d="m9.264 30.136l-3.827 3.826"/></g><defs><clipPath id="SVGw9scfcdR"><path fill="#fff" d="M0 0h40v40H0z"/></clipPath></defs></g></svg>Comment utiliser l'icône Pen Duo
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-stickies-color:pen-duo" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-stickies-color:pen-duo" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-stickies-color:pen-duo" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-stickies-color--pen-duo]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-stickies-color -->
<div class="i-streamline-stickies-color:pen-duo"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-stickies-color:pen-duo"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/streamline-stickies-color/pen-duo.svg" alt="Icône Pen Duo" width="24" height="24">Icônes similaires dans Stickies color icons
L'icône Pen Duo dans d'autres collections
FAQ : Icône Pen Duo
L'icône Pen Duo est-elle gratuite pour un usage commercial ?
Oui. Les Stickies color icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.
Comment utiliser l'icône Pen Duo dans React ?
Installez @iconify/react et affichez <Icon icon="streamline-stickies-color:pen-duo" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Pen Duo à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/streamline-stickies-color/pen-duo.svg" alt="Icône Pen Duo">, ou collez le code SVG directement dans la page pour le styliser en CSS.