Ícone Pylon 48
energy-icons:pylon-48
O ícone Pylon 48 (energy-icons:pylon-48) é um ícone SVG gratuito da coleção Energy Icons de Sam Passmore. Ele é desenhado em uma grade de 48 × 48. Energy Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Energy Icons
- Autor
- Sam Passmore
- Licença
- MIT
- Tamanho
- 48 × 48
Código 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>
Como usar o ícone 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>
Web component
<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>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/energy-icons/pylon-48.svg" alt="Ícone Pylon 48" width="24" height="24">
Ícones relacionados em Energy Icons
Perguntas frequentes sobre Ícone Pylon 48
O ícone Pylon 48 é grátis para uso comercial?
Sim. Energy Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Pylon 48 no React?
Instale @iconify/react e renderize <Icon icon="energy-icons:pylon-48" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Pylon 48 a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/energy-icons/pylon-48.svg" alt="Ícone Pylon 48">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Energy Icons →
ICONYZ
