ICONYZ
Русский
Иконка Eigenfocus Light из набора selfh.st/icons

Иконка Eigenfocus Light

selfhst:eigenfocus-light

Иконка Eigenfocus Light (selfhst:eigenfocus-light) — бесплатная SVG-иконка из набора selfh.st/icons от selfh.st. Она нарисована на сетке 512 × 512. selfh.st/icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
selfh.st/icons
Автор
selfh.st
Лицензия
CC-BY-4.0
Размер
512 × 512
Теги
eigenfocuslight
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" d="M471.2 120.3c-14.7-36.9-36.6-65-65.9-84.3q-43.95-29.85-108-34.2C283.8.6 270.1 0 256 0c-14.6 0-28.4.6-41.4 1.9q-64.95 4.35-108 36c-29.3 21-51.3 50-65.9 86.9c-14.7 36.9-22 80.8-22 131.7s7.4 94.8 22 131.7c14.7 36.8 36.6 65.8 65.9 86.9q43.05 31.65 108 36c12.9.6 26.7.9 41.3.9c14.1 0 27.8-.3 41.3-.9c42.7-3 78.7-14.1 108-33.4c29.3-19.9 51.2-48.3 65.9-85.2s22-82.2 22-136.1c0-53.8-7.3-99.2-21.9-136.1m-42.5 245.2c-11.7 29.6-29.3 52.3-52.8 68.3c-23.5 15.5-52.3 24.4-86.6 26.7c-10.8.5-21.8.7-33.1.7c-11.7 0-22.8-.2-33.1-.7c-34.7-2.3-63.6-12-86.6-28.9c-23.5-16.9-41-40.1-52.8-69.7c-11.7-29.6-17.6-64.7-17.6-105.6c0-40.8 5.9-76 17.6-105.6S113 97.9 136.5 81c23-16.9 51.8-26.5 86.6-28.9c10.3-.9 21.3-1.4 33.1-1.4c11.3 0 22.3.5 33.1 1.4c34.2 2.3 63.1 11.5 86.6 27.4c23.5 15.5 41 38 52.8 67.6c11.8 29.8 17.6 66.2 17.6 109.3c0 43.2-5.9 79.5-17.6 109.1m-70-258.2C338.9 93.7 314.4 86 285.4 84c-9.1-.8-18.5-1.2-28-1.2c-9.9 0-19.3.4-28 1.2c-29.4 1.9-53.8 10.1-73.3 24.4c-19.9 14.3-34.8 34-44.7 59s-14.9 54.8-14.9 89.4c0 34.5 5 64.4 14.9 89.4s24.8 44.7 44.7 59c19.4 14.3 43.9 22.4 73.3 24.4c8.7.4 18.1.6 28 .6c9.5 0 18.9-.2 28-.6c29-2 53.4-9.6 73.3-22.7c19.9-13.5 34.8-32.8 44.7-57.8s14.9-55.8 14.9-92.4s-4.9-67.4-14.9-92.2c-9.9-25-24.8-44.1-44.7-57.2M338.5 288c-10 4.1-25.2 6.7-45.7 7.9q-13.2.9-36.9.9c-23.7 0-28.1-.3-36.9-.9c-19.3-1.2-33.9-3.8-43.9-7.9c-10.5-4.7-15.8-15.2-15.8-31.6c0-17 5.3-27.5 15.8-31.6c9.9-4.1 24.6-6.7 43.9-7.9q13.2-.9 36.9-.9c23.7 0 28.1.3 36.9.9c20.5 1.2 35.7 3.8 45.7 7.9c9.4 4.1 14.1 14.6 14.1 31.6c0 16.4-4.7 27-14.1 31.6m-16-56.9q-12-4.95-36.6-6.3c-7-.5-16.9-.7-29.6-.7s-22.5.2-29.6.7c-15.5.9-27.2 3-35.2 6.3c-8.4 3.3-12.7 11.7-12.7 25.3c0 13.1 4.2 21.6 12.7 25.3c8 3.3 19.7 5.4 35.2 6.3c7 .5 16.9.7 29.6.7s22.5-.2 29.6-.7q24.6-1.35 36.6-6.3c7.5-3.7 11.3-12.1 11.3-25.3c0-13.6-3.8-22-11.3-25.3m-9.1 47.1c-6.8 2.8-17.1 4.6-31 5.4c-5.9.4-14.3.6-25 .6s-19-.2-25-.6c-13.1-.8-23-2.6-29.8-5.4c-7.1-3.2-10.7-10.4-10.7-21.5c0-11.6 3.5-18.7 10.7-21.5c6.7-2.8 16.7-4.6 29.8-5.4c5.9-.4 14.3-.6 25-.6s19 .2 25 .6c13.9.8 24.2 2.6 31 5.4c6.3 2.8 9.5 10 9.5 21.5c0 11.2-3.1 18.3-9.5 21.5"/></svg>

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

React

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

<Icon icon="selfhst:eigenfocus-light" width="24" />

Vue

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

<template>
  <Icon icon="selfhst:eigenfocus-light" width="24" />
</template>

Svelte

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

<Icon icon="selfhst:eigenfocus-light" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="selfhst:eigenfocus-light"></iconify-icon>

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

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

Похожие иконки в наборе selfh.st/icons

Иконка eigenfocus
eigenfocus
 Иконка eigenfocus-dark
eigenfocus-dark

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

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

Да. selfh.st/icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

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

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

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

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

Все selfh.st/icons →