Иконка Line
ls:line
Иконка Line (ls:line) — бесплатная SVG-иконка из набора Ligature Symbols от Kazuyuki Motoyama. Она нарисована на сетке 684 × 677. Ligature Symbols icons выпущены под лицензией Open Font License, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Ligature Symbols
- Автор
- Kazuyuki Motoyama
- Лицензия
- OFL-1.1
- Размер
- 684 × 677
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="684" height="677" viewBox="0 0 684 677"><path fill="currentColor" d="M341 25c190 0 343 124 343 278c0 75-37 141-95 193c-94 93-256 187-273 180c-28-11 21-71 1-97c-3-4-14-3-34-6C118 551 0 442 0 302C0 148 152 25 341 25M146 395h58c10 0 16-8 16-18c0-7-5-16-18-16h-47c-4 0-4-4-4-18V242c0-9-6-18-17-18c-10 0-17 8-17 18v122c0 27 13 31 29 31m131-14V242c0-9-7-18-18-18c-9 0-17 8-17 18v139c0 9 7 16 18 16c9 0 17-7 17-16m164-19V240c0-9-7-16-18-16c-8 0-17 5-17 16v88l-58-81c-8-14-18-23-30-23c-15 0-16 12-16 29v128c0 9 7 16 17 16c9 0 17-6 17-16v-91l58 81c13 17 16 26 32 26c11 0 15-10 15-35m112-69h-51v-29c0-3 1-7 6-7h45c11 0 18-6 18-17c0-13-10-17-19-17h-58c-18 0-27 12-27 28v113c0 20 8 31 27 31h59c13 0 18-8 18-18c0-13-10-17-18-17h-44c-4 0-7-3-7-6v-28h53c13 0 15-10 15-17c0-10-8-16-17-16"/></svg>
Как использовать иконку Line
React
import { Icon } from "@iconify/react";
<Icon icon="ls:line" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ls:line" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ls:line" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ls--line]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ls -->
<div class="i-ls:line"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ls:line"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/ls/line.svg" alt="Иконка Line" width="24" height="24">
Иконка Line в других наборах
Вопросы и ответы: Иконка Line
Можно ли бесплатно использовать иконку Line в коммерческих проектах?
Да. Ligature Symbols icons выпущены под лицензией Open Font License, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Line в React?
Установите @iconify/react и выведите <Icon icon="ls:line" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Line на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/ls/line.svg" alt="Иконка Line">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Ligature Symbols →
ICONYZ
