Icône Pen 1 Flat
streamline-plump-color:pen-1-flat
L'icône Pen 1 Flat (streamline-plump-color:pen-1-flat) est une icône SVG gratuite de la collection Plump color icons par Streamline. Elle est dessinée sur une grille de 48 × 48. Les Plump 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
- Plump color icons
- Auteur
- Streamline
- Licence
- CC-BY-4.0
- Taille
- 48 × 48
- Catégorie
- Interface essentielle
- Mots-clés
- penflat
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path fill="#2859c5" fill-rule="evenodd" d="M7.414 40.586a2 2 0 0 1 0 2.828l-3 3a2 2 0 1 1-2.828-2.828l3-3a2 2 0 0 1 2.828 0" clip-rule="evenodd"/><path fill="#8fbffa" d="M32.539 23.061a1.5 1.5 0 0 0 2.2-.084l9.955-11.615c1.084-1.264 2.103-3.39.996-5.474a8.6 8.6 0 0 0-1.53-2.048a8.6 8.6 0 0 0-2.048-1.53c-2.084-1.107-4.21-.088-5.474.996l-11.615 9.955a1.5 1.5 0 0 0-.084 2.2z"/><path fill="#2859c5" d="M35.2 3.798c-3.071-1.999-6.66-.871-8.924 1.386L5.108 26.277a5.32 5.32 0 0 0-1.571 3.459c-.102 1.75-.25 5.065-.298 10.111c-.005.517.15 1.048.484 1.495a14.3 14.3 0 0 0 2.935 2.936c.447.333.978.488 1.495.483c5.046-.049 8.362-.196 10.112-.298a5.32 5.32 0 0 0 3.458-1.57l21.094-21.169c2.257-2.264 3.384-5.853 1.386-8.924c-.924-1.42-2.23-3.102-4.065-4.937S36.62 4.72 35.2 3.798"/><path fill="#8fbffa" d="M41.225 23.321c-.28-.44-.646-.98-1.112-1.612c-1.304-1.77-3.389-4.257-6.587-7.277s-5.827-4.986-7.694-6.213a32 32 0 0 0-1.607-.992l-3.567 3.555l.106.266l-.002-.001l-.005-.002l-.004-.002h.002l.007.004l.084.04q.128.058.424.217a24 24 0 0 1 1.817 1.094c1.616 1.062 4.017 2.845 7.006 5.669c2.99 2.824 4.875 5.087 5.994 6.607a22 22 0 0 1 1.15 1.702a10 10 0 0 1 .263.465l.002.004q.035.07.073.14zM18.844 44.397a88 88 0 0 0-.582-.799c-1.518-2.063-3.724-4.81-6.475-7.552s-5.508-4.94-7.579-6.453q-.313-.228-.605-.437q-.049.286-.066.58c-.102 1.75-.25 5.065-.298 10.111c-.005.517.15 1.048.484 1.495a14.3 14.3 0 0 0 2.935 2.936c.447.333.978.488 1.495.483c5.046-.049 8.362-.196 10.112-.298q.293-.017.579-.066"/><path fill="#2859c5" fill-rule="evenodd" d="M18.414 4.757c1.104-1.104 2.718-1.846 4.497-1.612c1.338.176 3.37.591 5.118 1.64a2 2 0 1 1-2.058 3.43c-1.052-.631-2.445-.955-3.581-1.104c-.324-.043-.75.078-1.147.475l-8.829 8.828a2 2 0 0 1-2.828-2.829z" clip-rule="evenodd"/></g></svg>
Comment utiliser l'icône Pen 1 Flat
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump-color:pen-1-flat" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump-color:pen-1-flat" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump-color:pen-1-flat" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--pen-1-flat]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:pen-1-flat"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump-color:pen-1-flat"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/streamline-plump-color/pen-1-flat.svg" alt="Icône Pen 1 Flat" width="24" height="24">
Icônes similaires dans Plump color icons
L'icône Pen 1 Flat dans d'autres collections
FAQ : Icône Pen 1 Flat
L'icône Pen 1 Flat est-elle gratuite pour un usage commercial ?
Oui. Les Plump 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 1 Flat dans React ?
Installez @iconify/react et affichez <Icon icon="streamline-plump-color:pen-1-flat" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Pen 1 Flat à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/streamline-plump-color/pen-1-flat.svg" alt="Icône Pen 1 Flat">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Plump color icons →
ICONYZ
