ICONYZ
Русский
Иконка Fusion 48 из набора Energy Icons

Иконка Fusion 48

energy-icons:fusion-48

Иконка Fusion 48 (energy-icons:fusion-48) — бесплатная SVG-иконка из набора Energy Icons от Sam Passmore. Она нарисована на сетке 48 × 48. Energy Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Energy Icons
Автор
Sam Passmore
Лицензия
MIT
Размер
48 × 48
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" d="M43 24c0-2.179-1.792-4.42-5.305-6.177C34.242 16.097 29.401 15 24 15s-10.242 1.097-13.695 2.823C6.792 19.58 5 21.821 5 24s1.792 4.42 5.305 6.177C13.758 31.903 18.599 33 24 33s10.242-1.097 13.695-2.823C41.208 28.42 43 26.179 43 24m2 0c0 3.344-2.685 6.103-6.41 7.966C34.804 33.858 29.645 35 24 35s-10.804-1.142-14.59-3.034C5.685 30.103 3 27.344 3 24s2.685-6.103 6.41-7.966C13.195 14.142 18.355 13 24 13s10.804 1.142 14.59 3.034C42.315 17.897 45 20.656 45 24"/><path fill="currentColor" d="M33 24c0-.189-.091-.47-.473-.83c-.383-.363-.992-.736-1.827-1.07c-1.664-.666-4.033-1.1-6.7-1.1s-5.036.434-6.7 1.1c-.835.334-1.444.707-1.827 1.07c-.382.36-.473.641-.473.83s.091.47.473.83c.383.363.992.736 1.827 1.07c1.664.666 4.033 1.1 6.7 1.1s5.036-.434 6.7-1.1c.835-.334 1.444-.707 1.827-1.07c.382-.36.473-.641.473-.83m2 0c0 .916-.468 1.687-1.099 2.283c-.628.595-1.484 1.084-2.459 1.474C29.488 28.539 26.856 29 24 29s-5.488-.461-7.442-1.243c-.975-.39-1.83-.88-2.46-1.474C13.469 25.687 13 24.916 13 24s.468-1.687 1.099-2.283c.628-.595 1.484-1.084 2.459-1.474C18.512 19.461 21.144 19 24 19s5.488.461 7.442 1.243c.975.39 1.83.88 2.46 1.474C34.531 22.313 35 23.084 35 24"/></svg>

Как использовать иконку Fusion 48

React

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

<Icon icon="energy-icons:fusion-48" width="24" />

Vue

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

<template>
  <Icon icon="energy-icons:fusion-48" width="24" />
</template>

Svelte

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

<Icon icon="energy-icons:fusion-48" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--fusion-48]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:fusion-48"></div>

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

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

<iconify-icon icon="energy-icons:fusion-48"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/energy-icons/fusion-48.svg" alt="Иконка Fusion 48" width="24" height="24">

Похожие иконки в наборе Energy Icons

Иконка fusion-20
fusion-20
 Иконка fusion-20-bold
fusion-20-bold
 Иконка fusion-48-bold
fusion-48-bold

Вопросы и ответы: Иконка Fusion 48

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

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

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

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

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

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

Все Energy Icons →