Иконка Engagement Light

stash:engagement-light

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

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

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M2.5 7.57C2.5 4.804 4.927 2.5 8 2.5c2.275 0 4.208 1.27 5.048 3.053a.5.5 0 0 0 .904-.426C12.94 2.978 10.645 1.5 8 1.5c-3.554 0-6.5 2.683-6.5 6.07c0 1.3.438 2.501 1.177 3.485l-.754 2.216c-.283.834.645 1.556 1.384 1.079l1.964-1.27q.533.232 1.113.37a.5.5 0 1 0 .232-.972a5.8 5.8 0 0 1-1.168-.416l-.253-.123l-2.259 1.46l.865-2.544l-.178-.215A4.8 4.8 0 0 1 2.5 7.57m12.49 4.3c.545-.403 1.265-.445 1.815-.278c1.428.436 1.859 2.015 1.47 3.184c-.3.923-.966 1.597-1.594 2.033a5 5 0 0 1-.916.503c-.263.108-.542.188-.765.188s-.5-.08-.763-.187a4.8 4.8 0 0 1-.912-.5c-.626-.436-1.29-1.11-1.6-2.034c-.39-1.174.043-2.738 1.465-3.186l.005-.001c.563-.171 1.256-.106 1.795.278m1.524.678c-.42-.127-.882-.013-1.103.306l-.393.57l-.417-.553c-.25-.33-.715-.443-1.114-.323c-.736.233-1.081 1.108-.813 1.913c.22.656.707 1.172 1.223 1.531c.255.178.507.31.718.395q.158.064.267.091l.086.018q.03.005.032.004l.031-.003l.087-.019q.109-.028.27-.092a4 4 0 0 0 .723-.398c.519-.36 1.003-.876 1.213-1.522l.001-.004c.27-.81-.08-1.69-.81-1.914"/><path fill="currentColor" d="M15 7.5c-4.107 0-7.5 3.1-7.5 7s3.393 7 7.5 7c1.14 0 2.222-.237 3.191-.663l2.33 1.505c.796.515 1.795-.264 1.49-1.162l-.894-2.628A6.66 6.66 0 0 0 22.5 14.5c0-3.9-3.393-7-7.5-7m-6.5 7c0-3.28 2.875-6 6.5-6s6.5 2.72 6.5 6a5.68 5.68 0 0 1-1.33 3.636l-.178.216l1.072 3.15l-2.797-1.807l-.253.122c-.9.436-1.924.683-3.014.683c-3.625 0-6.5-2.72-6.5-6m-3-9a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1zM5 10a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 0 1h-1A.5.5 0 0 1 5 10m.5-2.5a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1z"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

Все Stash Icons →