Иконка Light
ls:light
Иконка Light (ls:light) — бесплатная SVG-иконка из набора Ligature Symbols от Kazuyuki Motoyama. Она нарисована на сетке 688 × 717. Ligature Symbols icons выпущены под лицензией Open Font License, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Ligature Symbols
- Автор
- Kazuyuki Motoyama
- Лицензия
- OFL-1.1
- Размер
- 688 × 717
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="688" height="717" viewBox="0 0 688 717"><path fill="currentColor" d="M380.297 39v79c0 27-12 40-37 40s-37-13-37-40V39c0-26 12-39 37-39s37 13 37 39m75 104l46-65c15-20 34-24 53-10s21 32 6 54l-46 64c-15 22-33 24-53 10c-19-14-21-31-6-53m-270-64l47 64c15 22 13 39-7 53c-19 15-37 12-52-10l-47-64c-15-22-13-39 7-53c19-15 37-12 52 10m158 124c86 0 156 70 156 156c0 85-70 154-156 154s-156-69-156-154c0-86 70-156 156-156m-292 22l76 24c25 8 34 23 26 47c-7 24-24 31-50 23l-74-24q-37.5-12-27-48c8-23 24-30 49-22m509 24l75-24c26-8 42-1 49 22c8 24-1 40-27 47l-74 25c-25 8-41 1-49-23c-7-24 1-39 26-47m-217 196c48 0 87-39 87-86c0-48-39-87-87-87s-86 39-86 87c0 47 38 86 86 86m-314-23l75-24c25-8 42-2 49 22c8 24-1 39-26 47l-76 25c-25 8-41 1-49-23c-7-24 2-39 27-47m554-24l75 24c25 8 34 23 26 47c-7 24-23 31-49 23l-75-25c-26-8-33-23-26-47c8-24 24-30 49-22m-457 196l47-63c15-22 33-25 52-10c20 14 22 31 7 53l-47 63c-15 22-33 26-53 12c-19-14-21-33-6-55m388-63l46 63c15 22 13 41-6 55s-38 9-53-11l-46-64c-15-22-13-39 6-53c20-14 38-12 53 10m-134 67v79c0 27-12 40-37 40s-37-13-37-40v-79c0-27 12-40 37-40s37 13 37 40"/></svg>
Как использовать иконку Light
React
import { Icon } from "@iconify/react";
<Icon icon="ls:light" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ls:light" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ls:light" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ls--light]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ls -->
<div class="i-ls:light"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ls:light"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/ls/light.svg" alt="Иконка Light" width="24" height="24">
Иконка Light в других наборах
Вопросы и ответы: Иконка Light
Можно ли бесплатно использовать иконку Light в коммерческих проектах?
Да. Ligature Symbols icons выпущены под лицензией Open Font License, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Light в React?
Установите @iconify/react и выведите <Icon icon="ls:light" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Light на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/ls/light.svg" alt="Иконка Light">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Ligature Symbols →
ICONYZ
