ICONYZ
Français
Icône Clipboard Pen de Huge Icons

Icône Clipboard Pen

hugeicons:clipboard-pen

L'icône Clipboard Pen (hugeicons:clipboard-pen) est une icône SVG gratuite de la collection Huge Icons par Hugeicons. Elle est dessinée sur une grille de 24 × 24. Les Huge 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
Huge Icons
Auteur
Hugeicons
Licence
MIT
Taille
24 × 24
Mots-clés
clipboardpen
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path stroke="currentColor" stroke-linejoin="round" stroke-width="1.5" d="M7 4v1c0 .943 0 1.414.293 1.707S8.057 7 9 7h4c.943 0 1.414 0 1.707-.293S15 5.943 15 5V4"/><path fill="currentColor" d="M7.996 22.748a.75.75 0 0 0 .008-1.5l-.004.75zm-4.117-1.627l.53-.53zm0-16.242l.53.53zM7 4.017l-.008-.75h-.015zm8 0l.023-.75h-.015zM13.45 4l-.735.15a.75.75 0 0 0 .727.6zm-4.9 0l.008.75a.75.75 0 0 0 .727-.6zm9.698 5.004a.75.75 0 1 0 1.5-.008l-.75.004zm-.127-4.125l.53-.53zM8 21.999l.004-.75c-1.093-.007-1.868-.035-2.457-.143c-.566-.104-.895-.272-1.138-.515l-.53.53l-.53.53c.524.526 1.17.79 1.927.93c.737.135 1.638.161 2.72.167zM3 16h-.75c0 1.393-.002 2.513.117 3.392c.12.9.38 1.658.981 2.26l.53-.53l.531-.531c-.277-.277-.457-.665-.556-1.4c-.101-.755-.103-1.756-.103-3.191zm0-6h-.75v6h1.5v-6zm0 0h.75c0-1.435.002-2.437.103-3.192c.099-.734.28-1.122.556-1.399l-.53-.53l-.53-.53c-.603.601-.861 1.36-.982 2.26c-.119.878-.117 1.998-.117 3.391zm4-5.983l-.023-.75c-1.542.047-2.757.21-3.629 1.081l.53.53l.531.531c.41-.41 1.049-.595 2.614-.642zm8 0l.008-.75l-1.55-.017l-.008.75l-.008.75l1.55.017zM11 2v-.75a3.25 3.25 0 0 0-3.185 2.6L8.55 4l.735.15A1.75 1.75 0 0 1 11 2.75zm7.998 7l.75-.004c-.006-1.082-.032-1.983-.167-2.72c-.14-.758-.404-1.403-.93-1.928l-.53.53l-.53.531c.243.243.41.572.515 1.138c.108.589.136 1.364.142 2.457zM15 4.017l-.023.75c1.565.047 2.203.231 2.614.642l.53-.53l.53-.53c-.871-.873-2.086-1.035-3.628-1.081zm-8 0l.008.75l1.55-.017L8.55 4l-.008-.75l-1.55.017zM13.45 4l.735-.15A3.25 3.25 0 0 0 11 1.25v1.5c.846 0 1.553.6 1.715 1.4z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 22v-1.506c0-.682.27-1.336.753-1.819l5.221-5.22a1.55 1.55 0 0 1 2.195 0l.376.376a1.55 1.55 0 0 1 0 2.195l-5.22 5.22a2.57 2.57 0 0 1-1.819.754z"/></g></svg>

Comment utiliser l'icône Clipboard Pen

React

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

<Icon icon="hugeicons:clipboard-pen" width="24" />

Vue

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

<template>
  <Icon icon="hugeicons:clipboard-pen" width="24" />
</template>

Svelte

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

<Icon icon="hugeicons:clipboard-pen" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[hugeicons--clipboard-pen]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/hugeicons -->
<div class="i-hugeicons:clipboard-pen"></div>

Web component

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

<iconify-icon icon="hugeicons:clipboard-pen"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/hugeicons/clipboard-pen.svg" alt="Icône Clipboard Pen" width="24" height="24">

Icônes similaires dans Huge Icons

L'icône Clipboard Pen dans d'autres collections

FAQ : Icône Clipboard Pen

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

Oui. Les Huge Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône Clipboard Pen dans React ?

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

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

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

Voir toutes les Huge Icons →