Icône Vectors Pen Draw

streamline-freehand:vectors-pen-draw

L'icône Vectors Pen Draw (streamline-freehand:vectors-pen-draw) est une icône SVG gratuite de la collection Freehand free icons par Streamline. Elle est dessinée sur une grille de 24 × 24. Les Freehand free 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: Freehand free icons
Auteur: Streamline
Licence: CC-BY-4.0
Taille: 24 × 24
Catégorie: Design
Mots-clés: vectorspen, pendraw, vectorspendraw, vector

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M23.952 22.773c-.19-.589-.34-1.187-.529-1.776c-.08-.25-.16-.5-.26-.749c-.099-.25-.199-.489-.309-.728c-.279-.569-.598-1.098-.898-1.647a.3.3 0 0 0-.14-.15q.55-.853.999-1.766a3.45 3.45 0 0 0 .389-1.357a5.57 5.57 0 0 0-1.996-2.784c-.68-.6-1.435-1.11-2.246-1.517a1.42 1.42 0 0 0-.998-.14a2.4 2.4 0 0 0-.698.649a18 18 0 0 0-1.547 2.375a4.75 4.75 0 0 0-.808 2.475a4 4 0 0 0 1.197 1.676c.64.577 1.351 1.07 2.116 1.467a.15.15 0 0 0 0 .07c.1.609.13 1.218.24 1.826c.06.36.149.71.239 1.058c.13.54.28 1.048.37 1.587a.32.32 0 0 0 .338.31a.32.32 0 0 0 .31-.34a9.5 9.5 0 0 0 0-1.686a4 4 0 0 0-.1-.709a4 4 0 0 0-.18-.689a10 10 0 0 0-.479-1.157q.39.03.779 0a2.7 2.7 0 0 0 .808-.24q.457-.22.888-.489h.07c.12.53.23 1.058.39 1.587c.08.25.169.51.269.749c.1.24.21.498.32.738c.279.559.588 1.098.897 1.647a.32.32 0 1 0 .57-.29m-5.07-7.854c.759-.379 1.058.16 1.088.43c.06.498-.608.668-.998.478a.51.51 0 0 1-.1-.908zm1.338 2.924l-.4.08l-.369.13c-.27.12-.489.25-.748.37a10 10 0 0 1-2.096-1.628a3.14 3.14 0 0 1-.868-1.367a.9.9 0 0 1 .12-.389q.311-.694.718-1.337q.645-1.035 1.397-1.996q.023.617.12 1.227q.112.532.28 1.048l.1.3q-.195.09-.35.24a1.19 1.19 0 0 0-.28.997a1.53 1.53 0 0 0 .65 1.188c.399.197.858.24 1.287.12a1.307 1.307 0 0 0 1.048-1.687a1.33 1.33 0 0 0-1.388-.998v-.3c0-.1-.08-.489-.13-.728c-.05-.24-.12-.47-.199-.699c-.08-.23-.24-.668-.36-.998c.794.435 1.535.96 2.206 1.567c.679.609 1.288 1.218 1.338 1.687a3.7 3.7 0 0 1-.42 1.307a20 20 0 0 1-.888 1.757c-.26.05-.519.07-.778.11zM17.964 9.57a.33.33 0 0 0 .11-.648a2.4 2.4 0 0 0-1.307.21q-1.153.63-2.365 1.137a3 3 0 0 1-.669.1c-.13 0-.27 0-.34-.11a.58.58 0 0 1 0-.43c.087-.324.214-.636.38-.927c.31-.65.659-1.268.928-1.916q.29-.7.41-1.448a3 3 0 0 0-.26-1.656a1.37 1.37 0 0 0-1.138-.739a2.5 2.5 0 0 0-1.337.37a9.3 9.3 0 0 0-1.427.998c-.998.888-2.455 2.724-3.992 3.902a3.11 3.11 0 0 1-2.964.868a.36.36 0 0 1-.21-.47c.106-.38.267-.743.48-1.077c.598-1.118 1.526-2.116 2.275-3.203q.514-.72.878-1.527c.459-1.098.25-1.787-.21-2.196a3.46 3.46 0 0 0-2.994-.22a5 5 0 0 0-.998.42a7 7 0 0 0-.848.529c-.33.22-.649.469-.998.718c-.35.25-.838.749-1.287 1.118a.3.3 0 0 0 0 .409a.3.3 0 0 0 .409 0c.45-.37.898-.748 1.357-1.108c.31-.23.619-.449.938-.658c.32-.21.53-.33.799-.47a5 5 0 0 1 .838-.329a3.33 3.33 0 0 1 1.996 0c.449.19.579.619.22 1.397q-.363.74-.869 1.388c-.778 1.077-1.776 2.065-2.455 3.203a4.1 4.1 0 0 0-.668 1.786a1.31 1.31 0 0 0 .918 1.358a3.63 3.63 0 0 0 3.163-.46c1.886-1.087 3.623-3.472 4.85-4.53a8 8 0 0 1 1.238-.998c.231-.156.5-.245.778-.26a.48.48 0 0 1 .38.4c.107.293.145.607.11.918a5 5 0 0 1-.32 1.237c-.24.649-.559 1.258-.848 1.886a4.8 4.8 0 0 0-.41 1.138c-.075.34-.018.698.16.998a1 1 0 0 0 .619.42a2.85 2.85 0 0 0 1.287-.11c.709-.2 1.597-.879 2.445-1.238c.292-.15.622-.213.948-.18"/></svg>

Comment utiliser l'icône Vectors Pen Draw

React

import { Icon } from "@iconify/react";

<Icon icon="streamline-freehand:vectors-pen-draw" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="streamline-freehand:vectors-pen-draw" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="streamline-freehand:vectors-pen-draw" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand--vectors-pen-draw]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-freehand -->
<div class="i-streamline-freehand:vectors-pen-draw"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="streamline-freehand:vectors-pen-draw"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/streamline-freehand/vectors-pen-draw.svg" alt="Icône Vectors Pen Draw" width="24" height="24">

Icônes similaires dans Freehand free icons

L'icône Vectors Pen Draw dans d'autres collections

FAQ : Icône Vectors Pen Draw

L'icône Vectors Pen Draw est-elle gratuite pour un usage commercial ?

Oui. Les Freehand free 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 Vectors Pen Draw dans React ?

Installez @iconify/react et affichez <Icon icon="streamline-freehand:vectors-pen-draw" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Vectors Pen Draw à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/streamline-freehand/vectors-pen-draw.svg" alt="Icône Vectors Pen Draw">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Freehand free icons →