Иконка Pylon 48

energy-icons:pylon-48

Иконка Pylon 48 (energy-icons:pylon-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="M29 21a1 1 0 0 1 .94.658l8 22a1 1 0 0 1-1.054 1.335L24 43.506l-12.886 1.487a1 1 0 0 1-1.054-1.335l8-22l.065-.141A1 1 0 0 1 19 21zM12.492 42.821l11.394-1.314L24 41.5q.057 0 .114.007l11.393 1.314L28.3 23h-8.6zM27.5 13a1 1 0 0 1 .97.758l1 4l-1.94.484L26.72 15h-5.56l-1.185 3.335l-1.885-.67l1.422-4a1 1 0 0 1 .943-.665z"/><path fill="currentColor" d="M17 18v3h14v-3h2v4a1 1 0 0 1-1 1H16a1 1 0 0 1-1-1v-4zm2-8v3h10v-3h2v4a1 1 0 0 1-1 1H18a1 1 0 0 1-1-1v-4z"/><path fill="currentColor" d="M37 17a1 1 0 1 1 0 2H11a1 1 0 1 1 0-2zm-2-8a1 1 0 1 1 0 2H13a1 1 0 1 1 0-2z"/><path fill="currentColor" d="M11 14a1 1 0 1 1 2 0v4h-2zm2-7a1 1 0 1 1 2 0v3h-2zm4-1a1 1 0 1 1 2 0v4h-2zm18 8a1 1 0 1 1 2 0v4h-2zm-2-7a1 1 0 1 1 2 0v3h-2zm-4-1a1 1 0 1 1 2 0v4h-2zm-6-2a1 1 0 1 1 2 0v6h-2zm15.253 6.462a1 1 0 0 1 1.285.591c.143.385 1.153 1.946 3.258 2.367a1 1 0 0 1-.392 1.96c-2.895-.578-4.4-2.708-4.743-3.633a1 1 0 0 1 .592-1.285m-.3 9.9a1 1 0 0 1 1.285.592c.142.384 1.153 1.945 3.258 2.366a1 1 0 0 1-.392 1.96c-2.895-.578-4.4-2.707-4.743-3.633a1 1 0 0 1 .592-1.285M8.461 11.053a1 1 0 0 1 1.877.694c-.342.925-1.847 3.055-4.742 3.633a1 1 0 0 1-.392-1.96c2.105-.421 3.115-1.982 3.257-2.367m.3 9.901a1 1 0 0 1 1.877.693c-.342.926-1.847 3.055-4.742 3.634a1 1 0 0 1-.392-1.961c2.105-.421 3.115-1.982 3.257-2.366m20.973 2.975L19.63 27.955l14.075 5.105a1 1 0 0 1-.066 1.9l-20.909 6l-.55-1.92l17.944-5.151l-13.647-4.949a1 1 0 0 1-.029-1.869l12.546-5z"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

Все Energy Icons →