Ikon Pen Ai Line
mingcute:pen-ai-line
Ikon Pen Ai Line (mingcute: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
- penai, ailine, penailine
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M13.828 4.515a1 1 0 1 0-1.414 1.414l.707-.707zm-9.9 15.556l-.963-.268a1 1 0 0 0 1.231 1.232zm6.365-1.414l.12.993zm-4.95-4.95l.993.12zm14.142-4.95A1 1 0 1 0 20.9 7.343l-.708.707zm-2.828-5.656a1 1 0 1 0-1.414 1.414l.707-.707zM6.545 12.123a1 1 0 0 0-1.984-.246l.992.123zM6 2l.946-.323a1 1 0 0 0-1.892 0zm3 3l.323.946a1 1 0 0 0 0-1.892zM6 8l-.946.323a1 1 0 0 0 1.892 0zM3 5l-.323-.946a1 1 0 0 0 0 1.892zm15.533 6.491l-.928-.371zm-2.365 5.913l.928.371zm-.802.62l.126.992zm.802-.62l.928.371l2.366-5.912l-.929-.372l-.928-.371l-2.366 5.912zm2.144-6.991l.707-.708l-5.19-5.19l-.708.707l-.707.707l5.19 5.19zM3.929 20.07l.267.964l.003-.001l.008-.002l.034-.01l.13-.035a79 79 0 0 1 2.129-.549c1.308-.319 2.848-.66 3.913-.788l-.12-.993l-.12-.993c-1.196.145-2.838.512-4.147.831a90 90 0 0 0-2.179.562l-.137.037l-.036.01l-.01.003h-.002zm6.364-1.414l.12.993c1.644-.2 3.999-.497 5.079-.634l-.126-.992l-.125-.992c-1.081.137-3.43.434-5.069.632zm-4.95-4.95l-.993-.12c-.129 1.065-.47 2.605-.788 3.913a89 89 0 0 1-.585 2.26l-.009.033l-.002.008v.002l1.926.535l.001-.003l.003-.01l.01-.035a53 53 0 0 0 .172-.64a96 96 0 0 0 .427-1.676c.32-1.31.686-2.951.83-4.146zm-.707 5.657l.707.707L11 14.414l-.707-.707L9.586 13l-5.657 5.657zm5.657-7.07L11 13l.707-.707l.707-.707a2 2 0 0 0-2.828 0zm1.414 0L11 13l.707.707l.707.707a2 2 0 0 0 0-2.828zm0 1.413L11 13l-.707.707l-.707.707a2 2 0 0 0 2.828 0zm-1.414 0L11 13l-.707-.707l-.707-.707a2 2 0 0 0 0 2.829zm9.9-5.657l.706-.707L16.657 3.1l-.707.707l-.707.707l4.242 4.242zM5.552 12l-.992-.123c-.075.599-.148 1.19-.21 1.71l.992.12l.993.12c.062-.517.135-1.106.21-1.704zM6 2l-.946.323l.129.378l.946-.323l.946-.323l-.129-.378zm2.622 2.87l-.323.947l.378.13L9 5l.323-.946l-.378-.13zM9 5l-.323-.946l-.378.129l.323.946l.323.946l.378-.129zM6.13 7.622l-.947-.323l-.13.378L6 8l.946.323l.13-.378zM6 8l.946-.323l-.129-.378l-.946.323l-.946.323l.129.378zM3.378 5.13l.323-.947l-.378-.13L3 5l-.323.946l.378.13zM3 5l.323.946l.378-.129l-.323-.946l-.323-.946l-.378.129zm2.87-2.622l.947.323l.13-.378L6 2l-.946-.323l-.13.378zM3.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.87zM8.62 5.13l-.32-.947a5 5 0 0 0-3.116 3.116l.946.323l.946.323a3 3 0 0 1 1.87-1.87zm9.912 6.362l.928.372a2 2 0 0 0-.442-2.158l-.707.708l-.707.707zM6.13 2.378l-.946.323A5 5 0 0 0 8.3 5.817l.323-.946l.323-.946a3 3 0 0 1-1.87-1.87zm10.039 15.026l-.928-.372l.126.992l.126.992a2 2 0 0 0 1.604-1.241z"/></svg>
Cara memakai ikon Pen Ai Line
React
import { Icon } from "@iconify/react";
<Icon icon="mingcute:pen-ai-line" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mingcute:pen-ai-line" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mingcute:pen-ai-line" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--pen-ai-line]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute: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:pen-ai-line"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/mingcute/pen-ai-line.svg" alt="Ikon Pen Ai Line" width="24" height="24">
Ikon terkait di MingCute Icon
FAQ Ikon Pen Ai Line
Apakah ikon 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 Pen Ai Line di React?
Pasang @iconify/react lalu render <Icon icon="mingcute:pen-ai-line" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Pen Ai Line ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/mingcute/pen-ai-line.svg" alt="Ikon Pen Ai Line">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon MingCute Icon →
