Иконка Line

lineicons:line

Иконка Line (lineicons:line) — бесплатная SVG-иконка из набора Lineicons. Она нарисована на сетке 24 × 24. Lineicons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Lineicons
Автор: Lineicons
Лицензия: MIT
Размер: 24 × 24
Категория: Обычный

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M22 10.622c0-4.484-4.516-8.161-10-8.161S2 6.106 2 10.622c0 4 3.548 7.355 8.355 8c.322.032.774.226.87.484c.098.226.033.645.033.903c0 0-.129.742-.129.871c-.032.226-.194 1 .871.484c1.032-.451 5.742-3.42 7.871-5.806C21.323 14.009 22 12.396 22 10.622M8.452 12.977a.21.21 0 0 1-.194.194H5.452c-.033 0-.097-.033-.13-.033c-.032-.032-.032-.096-.032-.129V8.622c0-.097.097-.193.194-.193h.677c.097 0 .194.096.194.193v3.452h1.903c.097 0 .194.097.194.193zm1.677 0a.21.21 0 0 1-.194.194h-.677a.21.21 0 0 1-.193-.194V8.622c0-.097.096-.193.193-.193h.677c.097 0 .194.096.194.193zm4.871 0a.21.21 0 0 1-.194.194h-.709c-.032 0-.032-.033-.032-.033L12 10.428v2.581a.21.21 0 0 1-.194.194h-.677a.21.21 0 0 1-.194-.194V8.654c0-.096.097-.193.194-.193h.678l.032.032l2 2.678V8.59c0-.097.096-.194.193-.194h.774c.097 0 .194.097.194.194zm3.871-3.645a.21.21 0 0 1-.194.193h-1.903v.742h1.903c.097 0 .194.097.194.194v.677a.21.21 0 0 1-.194.194h-1.903v.677h1.903c.097 0 .194.097.194.194v.677a.21.21 0 0 1-.194.194h-2.806c-.032 0-.097-.032-.13-.032c-.031-.033-.031-.097-.031-.13V8.559c0-.033.032-.097.032-.13c.032-.032.097-.032.129-.032h2.806c.097 0 .194.097.194.194z"/></svg>

Как использовать иконку Line

React

import { Icon } from "@iconify/react";

<Icon icon="lineicons:line" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="lineicons:line" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="lineicons:line" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[lineicons--line]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/lineicons -->
<div class="i-lineicons:line"></div>

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

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="lineicons:line"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/lineicons/line.svg" alt="Иконка Line" width="24" height="24">

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

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

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

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

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

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

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

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

Все Lineicons →