Ícone Three Phase 20 Bold
energy-icons:three-phase-20-bold
O ícone Three Phase 20 Bold (energy-icons:three-phase-20-bold) é um ícone SVG gratuito da coleção Energy Icons de Sam Passmore. Ele é desenhado em uma grade de 20 × 20. 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
- 20 × 20
- Tags
- threephase, phasebold, threephasebold
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="currentColor" d="M12.083 2.917c.55 0 1.036.284 1.4.543v-.001c.23.16.441.373.618.56c.195.206.342.374.506.537c.18.179.382.405.535.567c.171.182.308.313.424.394l.005.003c.327.232.54.313.68.313c.139 0 .352-.08.68-.313l.003-.003c.114-.08.29-.25.49-.46c.163-.172.378-.411.473-.504a.625.625 0 0 1 .873.894c-.08.078-.213.233-.44.472c-.191.202-.448.46-.68.622V6.54c-.364.258-.85.543-1.4.543s-1.036-.284-1.4-.543a4 4 0 0 1-.616-.559c-.195-.206-.343-.374-.507-.537c-.182-.18-.383-.405-.535-.567a3 3 0 0 0-.425-.394l-.004-.003c-.327-.232-.54-.313-.68-.313c-.138 0-.352.08-.677.312l-.005.004a3 3 0 0 0-.425.394c-.153.162-.354.388-.536.567c-.164.162-.31.33-.506.537a4.2 4.2 0 0 1-.613.556c-.365.26-.852.546-1.404.546c-.55 0-1.035-.284-1.399-.542a4 4 0 0 1-.618-.56c-.195-.206-.342-.375-.506-.537c-.182-.18-.383-.405-.536-.567a3 3 0 0 0-.424-.394L4.43 4.48c-.327-.232-.54-.313-.68-.313s-.352.08-.68.313l-.002.002c-.115.08-.292.252-.49.46c-.164.173-.38.412-.474.505a.625.625 0 0 1-.873-.894c.08-.078.214-.232.44-.471c.192-.202.448-.461.678-.623c.364-.259.85-.542 1.401-.542c.55 0 1.036.284 1.4.543v-.001c.23.16.442.374.618.56c.194.207.341.375.505.537c.182.18.383.405.536.567q.192.204.333.323l.09.07l.006.004c.327.232.54.313.68.313c.138 0 .352-.08.677-.312l.006-.005c.116-.081.252-.211.424-.393c.153-.162.354-.388.536-.567c.164-.163.31-.331.506-.537c.175-.186.385-.396.612-.556c.364-.26.853-.546 1.404-.546m-3.279 5.07c.526-.134 1.031-.028 1.474.19l-.001.001c.254.125.48.312.665.48c.175.16.387.372.531.51l.003.004c.196.189.392.417.557.605c.177.202.324.363.458.478c.176.15.327.279.472.38c.147.103.249.15.315.166l.002.001c.166.043.362.023.612-.1c.092-.046.213-.136.375-.283c.171-.157.31-.303.51-.493c.148-.143.3-.319.482-.527c.171-.195.373-.421.585-.602c.17-.145.366-.314.569-.456c.2-.14.446-.284.725-.354c.329-.084.673-.02.877.026c.114.026.221.056.297.076l.11.03a.626.626 0 0 1-.178 1.238c-.092-.013-.203-.045-.265-.062a5 5 0 0 0-.241-.063a2 2 0 0 0-.21-.035c-.056-.004-.08 0-.081 0h-.002a1 1 0 0 0-.315.168c-.145.102-.297.23-.473.38c-.134.115-.28.277-.457.478c-.165.188-.36.417-.558.607l-.002.002c-.146.139-.355.35-.531.51a3 3 0 0 1-.664.48l-.002.002c-.441.217-.945.322-1.47.19a2.3 2.3 0 0 1-.728-.355a6 6 0 0 1-1.152-1.058c-.182-.207-.334-.384-.481-.527l-.511-.492a1.8 1.8 0 0 0-.376-.284h-.002c-.25-.123-.445-.142-.61-.1H9.11a1 1 0 0 0-.315.167c-.145.101-.296.23-.471.38a5 5 0 0 0-.458.478c-.165.188-.361.417-.558.607l-.003.002c-.144.137-.356.351-.531.51c-.185.169-.41.356-.664.48l-.002.002c-.441.217-.943.322-1.469.19a2.3 2.3 0 0 1-.727-.355c-.203-.142-.4-.31-.569-.455a6 6 0 0 1-.585-.603c-.183-.208-.334-.385-.482-.528c-.324-.309-.81-.69-1.008-.854a.625.625 0 0 1 .797-.963c.113.095.455.364.773.64l.301.273l.002.002c.197.19.393.418.558.606c.176.202.323.363.457.478c.176.15.328.279.473.38c.147.103.249.15.315.166l.002.001c.165.043.36.023.611-.1c.092-.046.214-.136.376-.283c.172-.157.308-.3.508-.49c.149-.144.3-.32.484-.53A6 6 0 0 1 8.08 8.341c.2-.14.447-.284.725-.354m5.087 5.19c.441-.218.946-.325 1.47-.191c.279.071.526.215.726.355c.203.142.4.31.569.455c.212.181.414.408.585.603c.182.208.334.384.482.527l.267.241c.282.245.592.49.743.616a.626.626 0 0 1-.801.96c-.149-.125-.707-.564-1.072-.912l-.002-.002c-.197-.19-.393-.418-.558-.606a5 5 0 0 0-.457-.478a7 7 0 0 0-.473-.38a1 1 0 0 0-.315-.167h-.002c-.165-.042-.361-.024-.61.1h-.001a1.8 1.8 0 0 0-.376.283c-.173.158-.31.3-.51.492c-.149.143-.3.32-.482.528c-.171.195-.374.42-.585.601a8 8 0 0 1-.569.456c-.2.141-.447.286-.726.356l-.001-.001c-.525.133-1.028.027-1.469-.19h-.002a3 3 0 0 1-.664-.48c-.175-.16-.387-.374-.531-.512l-.003-.003c-.196-.189-.392-.417-.557-.605a5 5 0 0 0-.458-.478a7 7 0 0 0-.472-.38a1 1 0 0 0-.315-.167h-.002c-.166-.043-.36-.023-.61.1h-.002a1.8 1.8 0 0 0-.375.283c-.173.158-.308.3-.51.492c-.149.143-.3.32-.482.528a6 6 0 0 1-.585.602c-.17.145-.366.314-.569.456c-.2.14-.447.285-.727.355l-.001-.001c-.327.083-.67.02-.873-.025c-.114-.026-.221-.056-.297-.077l-.111-.03a.625.625 0 1 1 .177-1.237c.092.013.203.044.265.061q.121.034.241.063q.122.028.21.034c.058.004.082 0 .082 0h.002c.066-.018.168-.064.315-.167c.145-.102.297-.23.473-.38c.134-.115.28-.277.457-.478c.165-.188.36-.417.558-.607l.003-.003c.143-.136.356-.35.53-.51a3 3 0 0 1 .664-.479c.443-.219.948-.326 1.474-.192h-.001c.279.071.526.215.726.355A6 6 0 0 1 8.907 14.4c.183.207.334.384.482.527l.51.492c.163.148.285.238.377.284c.25.122.446.142.612.1h.002c.066-.017.167-.064.314-.167c.146-.101.297-.23.472-.38c.134-.115.281-.277.458-.478c.165-.188.36-.417.558-.607l.003-.003c.144-.137.356-.35.531-.51c.185-.168.412-.355.666-.48"/></svg>Como usar o ícone Three Phase 20 Bold
React
import { Icon } from "@iconify/react";
<Icon icon="energy-icons:three-phase-20-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="energy-icons:three-phase-20-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="energy-icons:three-phase-20-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--three-phase-20-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:three-phase-20-bold"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="energy-icons:three-phase-20-bold"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/energy-icons/three-phase-20-bold.svg" alt="Ícone Three Phase 20 Bold" width="24" height="24">Ícones relacionados em Energy Icons
Perguntas frequentes sobre Ícone Three Phase 20 Bold
O ícone Three Phase 20 Bold é 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 Three Phase 20 Bold no React?
Instale @iconify/react e renderize <Icon icon="energy-icons:three-phase-20-bold" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Three Phase 20 Bold a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/energy-icons/three-phase-20-bold.svg" alt="Ícone Three Phase 20 Bold">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.