ICONYZ
Español
Icono Quill Pen Ai Line de MingCute Icon

Icono Quill Pen Ai Line

mingcute:quill-pen-ai-line

El icono Quill Pen Ai Line (mingcute:quill-pen-ai-line) es un icono SVG gratuito de la colección MingCute Icon de MingCute Design. Está dibujado en una cuadrícula de 24 × 24. MingCute Icon icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección
MingCute Icon
Autor
MingCute Design
Licencia
Apache-2.0
Tamaño
24 × 24
Etiquetas
quillpen, penai, ailine, quillpenailine
Descargar SVG

Código 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>

Cómo usar el icono 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>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/mingcute/quill-pen-ai-line.svg" alt="Icono Quill Pen Ai Line" width="24" height="24">

Iconos relacionados en MingCute Icon

El icono Quill Pen Ai Line en otras colecciones

Preguntas frecuentes sobre Icono Quill Pen Ai Line

¿El icono Quill Pen Ai Line es gratis para uso comercial?

Sí. MingCute Icon icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Quill Pen Ai Line en React?

Instala @iconify/react y renderiza <Icon icon="mingcute:quill-pen-ai-line" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Quill Pen Ai Line a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/mingcute/quill-pen-ai-line.svg" alt="Icono Quill Pen Ai Line">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos MingCute Icon →