Иконка Line
la:line
Иконка Line (la:line) — бесплатная SVG-иконка из набора Line Awesome от Icons8. Она нарисована на сетке 32 × 32. Line Awesome icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Line Awesome
- Автор
- Icons8
- Лицензия
- Apache-2.0
- Размер
- 32 × 32
- Категория
- Другое
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M9.625 5C7.09 5 5 7.09 5 9.625v12.75C5 24.91 7.09 27 9.625 27h12.75C24.91 27 27 24.91 27 22.375V9.625C27 7.09 24.91 5 22.375 5zm0 2h12.75A2.62 2.62 0 0 1 25 9.625v12.75A2.62 2.62 0 0 1 22.375 25H9.625A2.62 2.62 0 0 1 7 22.375V9.625A2.62 2.62 0 0 1 9.625 7M16 9.219c-4.016 0-7.281 2.648-7.281 5.906c0 2.922 2.594 5.352 6.094 5.813c.238.05.542.171.624.375c.075.183.055.468.032.656c0 0-.074.515-.094.625c-.031.183-.152.734.625.406s4.191-2.492 5.719-4.25c1.054-1.156 1.562-2.32 1.562-3.625c0-3.258-3.265-5.906-7.281-5.906m-4.281 4.187a.37.37 0 0 1 .375.375v2.5h1.062c.211 0 .375.196.375.407a.37.37 0 0 1-.375.375H11.72c-.211 0-.406-.165-.406-.375V13.78c0-.21.195-.375.406-.375zm2.562 0a.37.37 0 0 1 .375.375v2.906a.37.37 0 0 1-.375.375c-.21 0-.406-.164-.406-.375v-2.906c0-.21.195-.375.406-.375m1.188 0c.039-.011.086 0 .125 0a.34.34 0 0 1 .281.156l1.5 2v-1.78a.37.37 0 0 1 .375-.376a.37.37 0 0 1 .375.375v2.906a.35.35 0 0 1-.25.344c-.04.012-.086.032-.125.032a.4.4 0 0 1-.313-.157l-1.468-2.031v1.813a.37.37 0 0 1-.375.375c-.211 0-.406-.165-.406-.375V13.78c0-.164.124-.324.28-.375zm3.562 0h1.438a.37.37 0 0 1 .375.375a.37.37 0 0 1-.375.375h-1.063v.688h1.063a.37.37 0 0 1 .375.375c0 .21-.164.406-.375.406h-1.063v.656h1.063c.21 0 .375.196.375.407a.37.37 0 0 1-.375.375H19.03a.37.37 0 0 1-.375-.375V13.78a.37.37 0 0 1 .375-.375z"/></svg>
Как использовать иконку Line
React
import { Icon } from "@iconify/react";
<Icon icon="la:line" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="la:line" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="la:line" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[la--line]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/la -->
<div class="i-la:line"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="la:line"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/la/line.svg" alt="Иконка Line" width="24" height="24">
Иконка Line в других наборах
Вопросы и ответы: Иконка Line
Можно ли бесплатно использовать иконку Line в коммерческих проектах?
Да. Line Awesome icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Line в React?
Установите @iconify/react и выведите <Icon icon="la:line" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Line на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/la/line.svg" alt="Иконка Line">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Line Awesome →
ICONYZ
