Ikon Quill Pen Ai Line
mingcute:quill-pen-ai-line
Ikon Quill Pen Ai Line (mingcute:quill-pen-ai-line) adalah ikon SVG gratis dari set MingCute Icon karya MingCute Design. Ikon ini digambar pada grid 24 × 24. MingCute Icon icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- MingCute Icon
- Pembuat
- MingCute Design
- Lisensi
- Apache-2.0
- Ukuran
- 24 × 24
- Tag
- quillpen, penai, ailine, quillpenailine
Kode 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>Cara memakai ikon 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>Gambar HTML
<img src="https://iconyz.com/api/public/svg/mingcute/quill-pen-ai-line.svg" alt="Ikon Quill Pen Ai Line" width="24" height="24">Ikon terkait di MingCute Icon
Ikon Quill Pen Ai Line di set ikon lain
FAQ Ikon Quill Pen Ai Line
Apakah ikon Quill Pen Ai Line gratis untuk penggunaan komersial?
Ya. MingCute Icon icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Quill Pen Ai Line di React?
Pasang @iconify/react lalu render <Icon icon="mingcute:quill-pen-ai-line" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Quill Pen Ai Line ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/mingcute/quill-pen-ai-line.svg" alt="Ikon Quill Pen Ai Line">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.