Quill Pen Ai Line icon
mingcute:quill-pen-ai-line
The Quill Pen Ai Line icon (mingcute:quill-pen-ai-line) is a free SVG icon from the MingCute Icon set by MingCute Design. It is drawn on a 24 × 24 grid. MingCute Icon icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- MingCute Icon
- Author
- MingCute Design
- License
- Apache-2.0
- Size
- 24 × 24
- Tags
- quillpen, penai, ailine, quillpenailine
SVG code
<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>How to use the Quill Pen Ai Line icon
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>HTML image
<img src="https://iconyz.com/api/public/svg/mingcute/quill-pen-ai-line.svg" alt="Quill Pen Ai Line icon" width="24" height="24">Related icons in MingCute Icon
Quill Pen Ai Line icon in other icon sets
Quill Pen Ai Line icon FAQ
Is the Quill Pen Ai Line icon free for commercial use?
Yes. MingCute Icon icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Quill Pen Ai Line icon in React?
Install @iconify/react and render <Icon icon="mingcute:quill-pen-ai-line" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Quill Pen Ai Line icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/mingcute/quill-pen-ai-line.svg" alt="Quill Pen Ai Line icon">, or paste the SVG code inline to style it with CSS.