Icône Quill Pen Ai Line
mingcute:quill-pen-ai-line
L'icône Quill Pen Ai Line (mingcute:quill-pen-ai-line) est une icône SVG gratuite de la collection MingCute Icon par MingCute Design. Elle est dessinée sur une grille de 24 × 24. Les MingCute Icon icons sont publiées sous la licence Apache 2.0, 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
- MingCute Icon
- Auteur
- MingCute Design
- Licence
- Apache-2.0
- Taille
- 24 × 24
- Mots-clés
- quillpen, penai, ailine, quillpenailine
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m20.362 3.43l-.1-.995zm.005.004l.822-.57zm-.187 3.567l.835.55zm-5.496 2.05a1 1 0 1 0 .632 1.898L15 10.001zm5.06-1.05l.964.264l.002-.008l.002-.007zm-.701 2l-.916-.4zM5.5 21a1 1 0 0 0 2 0zM5 2l.946-.323a1 1 0 0 0-1.892 0zm3 3l.323.946a1 1 0 0 0 0-1.892zM5 8l-.946.323a1 1 0 0 0 1.892 0zM2 5l-.323-.946a1 1 0 0 0 0 1.892zm14.829 8.329l-.708-.707c-1.66 1.66-3.918 2.486-5.838 2.887a17 17 0 0 1-2.394.327a14 14 0 0 1-.924.03l-.008-.001h-.001l-.027 1l-.027 1h.027a5 5 0 0 0 .287 0c.192-.003.465-.011.803-.033a19 19 0 0 0 2.673-.365c2.102-.44 4.794-1.38 6.844-3.43zm-9.9 3.536l.995.097l.001-.007a4 4 0 0 1 .025-.196c.02-.142.052-.355.103-.624a18 18 0 0 1 .557-2.166c.57-1.75 1.565-3.886 3.269-5.59l-.707-.707l-.707-.707c-2.007 2.007-3.132 4.466-3.757 6.385a20 20 0 0 0-.62 2.415a15 15 0 0 0-.154 1v.002zm4.243-9.193l.707.707c3.402-3.402 8.486-3.944 8.583-3.954l-.1-.995l-.1-.995c-.145.014-5.863.596-9.797 4.53zm9.195-4.238l-.82.57c-.015-.02.733 1.03-.202 2.446l.835.55l.835.551c1.622-2.457.32-4.478.174-4.688zm-.623 4.567l-.965-.265c-.167.611-.38 1.242-.652 1.864l.916.4l.916.4c.316-.723.56-1.446.75-2.135zm-.701 2l-.916-.4c-.476 1.089-1.125 2.14-2.006 3.02l.708.708l.707.707c1.095-1.095 1.872-2.372 2.423-3.635zm1.319-6.571l.1.995a1 1 0 0 1-.873-.364c-.068-.083-.112-.17-.099-.146c0 0 .023.042.056.09l.821-.57l.822-.572c.032.047.053.087.053.087v-.001l-.001-.001l-.004-.007l-.015-.026a1.02 1.02 0 0 0-.538-.432a1 1 0 0 0-.422-.048zM6.929 16.865l-.99-.136l-.001.003l-.001.007l-.004.027l-.063.475c-.04.313-.094.74-.149 1.2c-.105.89-.221 1.988-.221 2.56h2c0-.43.098-1.399.208-2.326a103 103 0 0 1 .21-1.666l.002-.007V17zM20.18 7l-.835-.551a1 1 0 0 1-.12.133l.7.716l.697.716a3 3 0 0 0 .393-.464zm-.256.298l-.698-.716c-.37.361-1.154.869-2.088 1.366c-.912.487-1.85.902-2.454 1.103L15 10l.316.948c.745-.248 1.79-.716 2.763-1.235c.951-.507 1.955-1.125 2.543-1.7zm-.18.702l.968.249l.18-.702l-.968-.25l-.968-.248l-.18.702zM5 2l-.946.323l.129.378l.946-.323l.946-.323l-.129-.378zm2.622 2.87l-.323.947l.378.13L8 5l.323-.946l-.378-.13zM8 5l-.323-.946l-.378.129l.323.946l.323.946l.378-.129zM5.13 7.622l-.947-.323l-.13.378L5 8l.946.323l.13-.378zM5 8l.946-.323l-.129-.378l-.946.323l-.946.323l.129.378zM2.378 5.13l.323-.947l-.378-.13L2 5l-.323.946l.378.13zM2 5l.323.946l.378-.129l-.323-.946l-.323-.946l-.378.129zm2.87-2.622l.947.323l.13-.378L5 2l-.946-.323l-.13.378zM2.379 4.871l.323.946a5 5 0 0 0 3.116-3.116l-.946-.323l-.946-.323a3 3 0 0 1-1.87 1.87zm2.493 2.75l.946-.322a5 5 0 0 0-3.116-3.116l-.323.946l-.323.946a3 3 0 0 1 1.87 1.87zM7.62 5.13l-.32-.947a5 5 0 0 0-3.116 3.116l.946.323l.946.323a3 3 0 0 1 1.87-1.87zM5.13 2.38l-.946.322A5 5 0 0 0 7.3 5.818l.323-.946l.323-.946a3 3 0 0 1-1.87-1.87z"/></svg>Comment utiliser l'icône Quill Pen Ai Line
React
import { Icon } from "@iconify/react";
<Icon icon="mingcute:quill-pen-ai-line" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mingcute:quill-pen-ai-line" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mingcute:quill-pen-ai-line" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--quill-pen-ai-line]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute:quill-pen-ai-line"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mingcute:quill-pen-ai-line"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/mingcute/quill-pen-ai-line.svg" alt="Icône Quill Pen Ai Line" width="24" height="24">Icônes similaires dans MingCute Icon
L'icône Quill Pen Ai Line dans d'autres collections
FAQ : Icône Quill Pen Ai Line
L'icône Quill Pen Ai Line est-elle gratuite pour un usage commercial ?
Oui. Les MingCute Icon icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Quill Pen Ai Line dans React ?
Installez @iconify/react et affichez <Icon icon="mingcute:quill-pen-ai-line" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Quill Pen Ai Line à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/mingcute/quill-pen-ai-line.svg" alt="Icône Quill Pen Ai Line">, ou collez le code SVG directement dans la page pour le styliser en CSS.