Иконка Sensitive Light

stash:sensitive-light

Иконка Sensitive Light (stash:sensitive-light) — бесплатная SVG-иконка из набора Stash Icons от Pingback LLC. Она нарисована на сетке 24 × 24. Stash Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Stash Icons
Автор: Pingback LLC
Лицензия: MIT
Размер: 24 × 24
Теги: sensitivelight

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M6.602 4h10.796c1.057 0 1.88 0 2.54.053c.67.054 1.214.164 1.703.409a4.28 4.28 0 0 1 1.888 1.85c.25.48.362 1.014.417 1.671c.054.647.054 1.454.054 2.49v3.054c0 1.036 0 1.843-.054 2.49c-.055.657-.167 1.19-.417 1.67a4.28 4.28 0 0 1-1.888 1.851c-.49.245-1.034.355-1.704.41c-.66.052-1.482.052-2.54.052H6.603c-1.057 0-1.88 0-2.54-.053c-.67-.053-1.214-.164-1.703-.409a4.28 4.28 0 0 1-1.888-1.85c-.25-.48-.362-1.014-.417-1.671C0 15.37 0 14.563 0 13.527v-3.054c0-1.036 0-1.843.054-2.49c.055-.657.167-1.19.417-1.67a4.28 4.28 0 0 1 1.888-1.851c.49-.245 1.034-.355 1.704-.41C4.723 4 5.545 4 6.603 4m-2.461.99c-.61.05-1.015.144-1.346.31a3.33 3.33 0 0 0-1.469 1.44c-.169.325-.265.721-.315 1.32C.96 8.664.96 9.432.96 10.494v3.012c0 1.062 0 1.83.05 2.434c.05.599.147.995.316 1.32c.322.62.836 1.124 1.469 1.44c.331.166.735.26 1.346.31c.616.048 1.4.049 2.483.049h10.752c1.083 0 1.867 0 2.483-.05c.61-.049 1.015-.143 1.346-.31a3.33 3.33 0 0 0 1.469-1.439c.169-.325.265-.721.315-1.32c.05-.604.051-1.372.051-2.434v-3.012c0-1.062 0-1.83-.05-2.434c-.05-.599-.147-.995-.316-1.32a3.33 3.33 0 0 0-1.469-1.44c-.331-.166-.735-.26-1.346-.31c-.616-.048-1.4-.049-2.483-.049H6.624c-1.083 0-1.867 0-2.483.05"/><path fill="currentColor" d="M4.5 9a.5.5 0 0 1 .5-.5h1.2a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V9.5H5a.5.5 0 0 1-.5-.5m4.8 1.09c0-.905.77-1.59 1.657-1.59h1.286c.887 0 1.657.685 1.657 1.59v.789c0 .43-.173.81-.45 1.09c.277.282.45.662.45 1.092v.848c0 .906-.77 1.591-1.657 1.591h-1.286c-.887 0-1.657-.685-1.657-1.59v-.85c0-.43.173-.81.45-1.09a1.54 1.54 0 0 1-.45-1.091zm1.657 2.38c-.391 0-.657.292-.657.59v.85c0 .298.266.59.657.59h1.286c.391 0 .657-.292.657-.59v-.85c0-.298-.266-.59-.657-.59zm1.286-1c.391 0 .657-.292.657-.591v-.788c0-.3-.266-.591-.657-.591h-1.286c-.391 0-.657.292-.657.59v.789c0 .299.266.59.657.59zm5.957-1.334a.5.5 0 0 1 .5.5v1.137H20a.5.5 0 0 1 0 1h-1.3v1.136a.5.5 0 0 1-1 0v-1.136h-1.3a.5.5 0 1 1 0-1h1.3v-1.137a.5.5 0 0 1 .5-.5"/></svg>

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

React

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

<Icon icon="stash:sensitive-light" width="24" />

Vue

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

<template>
  <Icon icon="stash:sensitive-light" width="24" />
</template>

Svelte

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

<Icon icon="stash:sensitive-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[stash--sensitive-light]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/stash -->
<div class="i-stash:sensitive-light"></div>

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

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

<iconify-icon icon="stash:sensitive-light"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/stash/sensitive-light.svg" alt="Иконка Sensitive Light" width="24" height="24">

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

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

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

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

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

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

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

Все Stash Icons →