Иконка Fuelux

file-icons:fuelux

Иконка Fuelux (file-icons:fuelux) — бесплатная SVG-иконка из набора File Icons от John Gardner. Она нарисована на сетке 512 × 512. File Icons выпущены под лицензией ISC, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: File Icons
Автор: John Gardner
Лицензия: ISC
Размер: 512 × 512

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="m294.103 133.433l-23.043 19.75c-15.99-15.343-35.542-26.998-57.277-33.59l8.85-28.933c27.283 8.29 51.723 23.17 71.47 42.773m13.474 15.01l-22.978 19.695c13.195 16.81 22.704 34.626 27.283 56.26l30.799 2.016c-5.04-29.122-17.398-55.769-35.104-77.971M194.064 115.12l8.926-29.18c-34.015-5.988-67.498-1.845-97.313 10.759l12.624 27.514c23.701-9.557 48.55-12.963 75.763-9.093m25.798 306.937l-13.275-27.777c-78.79 19.503-168.328-31.871-176.34-130.791L0 264.176c9.62 131.864 134.26 184.49 219.862 157.881M30.615 243.31c4.14-46.878 31.08-87.302 69.633-110.088l-12.668-27.61C38.48 133.458 4.295 184.654.22 244zm181.93 37.55L512 257.67v-8.066l-303.489-21.173c11.82 15.153 11.688 32.957 4.033 52.43m-9.075-27.222c0-21.653-23.6-35.259-42.38-24.432c-18.778 10.826-18.778 38.038 0 48.864c18.78 10.826 42.38-2.78 42.38-24.432"/></svg>

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

React

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

<Icon icon="file-icons:fuelux" width="24" />

Vue

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

<template>
  <Icon icon="file-icons:fuelux" width="24" />
</template>

Svelte

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

<Icon icon="file-icons:fuelux" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--fuelux]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:fuelux"></div>

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

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

<iconify-icon icon="file-icons:fuelux"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/file-icons/fuelux.svg" alt="Иконка Fuelux" width="24" height="24">

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

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

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

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

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

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

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

Все File Icons →