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

Иконка Pen Ai Line

mingcute:pen-ai-line

Иконка Pen Ai Line (mingcute: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
Теги
penai, ailine, penailine
Скачать SVG

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

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

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

<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>

Изображение HTML

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

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

Иконка pen-2-ai-fill
pen-2-ai-fill
 Иконка pen-2-ai-line
pen-2-ai-line
 Иконка pen-2-fill
pen-2-fill
 Иконка pen-2-line
pen-2-line
 Иконка pen-ai-fill
pen-ai-fill
 Иконка pen-fill
pen-fill
 Иконка pen-line
pen-line
 Иконка pencil-2-ai-fill
pencil-2-ai-fill
 Иконка pencil-2-ai-line
pencil-2-ai-line
 Иконка pencil-2-fill
pencil-2-fill
 Иконка pencil-2-line
pencil-2-line
 Иконка pencil-3-ai-fill
pencil-3-ai-fill
 Иконка pencil-3-ai-line
pencil-3-ai-line
 Иконка pencil-3-fill
pencil-3-fill
 Иконка pencil-3-line
pencil-3-line
 Иконка pencil-ai-fill
pencil-ai-fill
 Иконка pencil-ai-line
pencil-ai-line
 Иконка pencil-fill
pencil-fill
 Иконка pencil-line
pencil-line
 Иконка pencil-ruler-fill
pencil-ruler-fill
 Иконка pencil-ruler-line
pencil-ruler-line
 Иконка pentagon-fill
pentagon-fill
 Иконка pentagon-line
pentagon-line

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

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

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

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

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

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

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

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