ICONYZ
Русский
Иконка Quill Pen Ai Line из набора MingCute Icon

Иконка Quill Pen Ai Line

mingcute:quill-pen-ai-line

Иконка Quill Pen Ai Line (mingcute:quill-pen-ai-line) — бесплатная SVG-иконка из набора MingCute Icon от MingCute Design. Она нарисована на сетке 24 × 24. MingCute Icon icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
MingCute Icon
Автор
MingCute Design
Лицензия
Apache-2.0
Размер
24 × 24
Теги
quillpen, penai, ailine, quillpenailine
Скачать SVG

Код 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>

Как использовать иконку 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>

Веб-компонент

<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

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

Похожие иконки в наборе MingCute Icon

Иконка quill-pen-ai-fill
quill-pen-ai-fill
 Иконка quill-pen-fill
quill-pen-fill
 Иконка quill-pen-line
quill-pen-line

Иконка Quill Pen Ai Line в других наборах

Иконка Quill Pen Ai Line из набора Remix Icon
Remix Icon

Вопросы и ответы: Иконка Quill Pen Ai Line

Можно ли бесплатно использовать иконку Quill Pen Ai Line в коммерческих проектах?

Да. MingCute Icon icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Quill Pen Ai Line в React?

Установите @iconify/react и выведите <Icon icon="mingcute:quill-pen-ai-line" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Quill Pen Ai Line на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/mingcute/quill-pen-ai-line.svg" alt="Иконка Quill Pen Ai Line">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки MingCute Icon →