Icône Three Phase 20
energy-icons:three-phase-20
L'icône Three Phase 20 (energy-icons:three-phase-20) est une icône SVG gratuite de la collection Energy Icons par Sam Passmore. Elle est dessinée sur une grille de 20 × 20. Les Energy Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Energy Icons
- Auteur
- Sam Passmore
- Licence
- MIT
- Taille
- 20 × 20
- Mots-clés
- threephase
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="currentColor" d="M12.083 3.042c.511 0 .971.265 1.332.521c.217.153.42.356.595.541c.19.202.343.377.509.54l.532.565q.192.206.345.334l.098.076l.004.002c.331.236.571.337.752.337c.18 0 .421-.101.752-.337l.004-.002c.125-.088.31-.266.508-.474c.17-.18.376-.41.47-.502a.5.5 0 0 1 .699.714c-.082.08-.223.243-.444.475c-.191.202-.44.45-.658.604c-.36.256-.82.522-1.33.522c-.512 0-.972-.265-1.333-.521a4 4 0 0 1-.594-.541l-.508-.54c-.18-.179-.376-.399-.534-.565a3 3 0 0 0-.443-.41l-.004-.002c-.331-.236-.571-.337-.752-.337c-.18 0-.421.101-.75.336l-.005.003c-.127.09-.271.228-.443.41c-.157.166-.353.386-.533.564c-.166.164-.318.338-.51.54c-.175.187-.38.392-.598.544c-.36.256-.819.519-1.327.519c-.51 0-.968-.264-1.328-.52a4 4 0 0 1-.599-.542c-.19-.203-.343-.377-.508-.54c-.18-.179-.377-.398-.534-.565a3 3 0 0 0-.442-.41l-.004-.002c-.331-.236-.571-.337-.752-.337c-.18 0-.42.101-.752.337h-.003a4 4 0 0 0-.509.477c-.17.18-.376.41-.47.501a.5.5 0 0 1-.698-.714c.08-.08.223-.243.443-.475c.193-.203.441-.453.66-.606c.36-.256.82-.52 1.33-.52s.97.265 1.331.521c.217.153.419.356.594.541c.19.202.343.377.509.54c.18.179.376.399.533.565q.192.207.344.334l.1.076l.003.002c.331.236.571.337.752.337c.18 0 .422-.101.751-.336l.004-.003c.127-.089.271-.228.443-.41c.157-.166.353-.386.534-.564c.165-.164.318-.339.508-.54c.175-.186.378-.39.595-.542l.288-.189c.306-.183.66-.332 1.043-.332M8.835 8.107c.49-.125.964-.027 1.387.182l-.001.001c.238.117.454.293.636.46l.53.508l.003.003c.191.185.382.408.549.598c.176.2.328.368.47.49l.25.21q.119.099.232.178c.152.107.269.164.356.186c.202.052.43.023.7-.11q.16-.079.404-.303c.172-.156.318-.308.512-.493c.154-.148.31-.33.49-.536a6 6 0 0 1 1.132-1.037c.194-.137.425-.271.683-.336c.297-.076.617-.019.82.027c.11.025.214.054.29.075l.125.032a.5.5 0 0 1-.14.99c-.083-.011-.186-.04-.251-.058q-.12-.034-.246-.064c-.188-.043-.302-.046-.35-.034h-.002a1.2 1.2 0 0 0-.356.186a5 5 0 0 0-.953.879c-.167.19-.358.413-.55.598l-.002.002c-.151.144-.353.348-.529.508a3 3 0 0 1-.635.461l-.001.001c-.422.208-.895.305-1.385.18a2.1 2.1 0 0 1-.685-.335a6 6 0 0 1-1.13-1.038c-.183-.207-.34-.389-.494-.537c-.194-.185-.337-.335-.51-.491a2 2 0 0 0-.405-.303v-.001c-.27-.133-.496-.16-.698-.11a1.2 1.2 0 0 0-.356.186a7 7 0 0 0-.483.388c-.142.121-.294.29-.47.49c-.167.19-.358.414-.55.599l-.002.002c-.15.142-.355.35-.53.508a3 3 0 0 1-.635.462c-.422.208-.895.305-1.385.18a2.1 2.1 0 0 1-.686-.335a6 6 0 0 1-1.13-1.038c-.181-.206-.337-.388-.49-.535l-.271-.244c-.286-.249-.6-.496-.745-.617a.5.5 0 0 1 .638-.77c.118.098.456.365.77.638l.297.27h.002c.192.185.383.409.55.599c.176.2.328.369.47.49c.176.15.332.282.483.388c.152.107.269.164.356.186c.202.052.429.023.698-.11c.109-.053.24-.153.406-.303c.173-.158.317-.308.512-.494c.153-.148.31-.33.49-.535c.172-.196.368-.416.572-.59l.27-.227q.14-.115.288-.22c.196-.137.428-.272.685-.337m5.11 5.183c.423-.21.898-.308 1.387-.183c.257.066.489.2.684.337a6 6 0 0 1 1.13 1.037c.181.206.338.388.49.536l.271.244c.287.248.6.496.747.618a.5.5 0 0 1-.641.768c-.154-.128-.705-.562-1.066-.906l-.002-.002c-.192-.185-.383-.408-.55-.598a5 5 0 0 0-.47-.49a7 7 0 0 0-.482-.389a1.2 1.2 0 0 0-.357-.185h-.002c-.2-.052-.428-.024-.695.109l-.001.001c-.108.053-.24.152-.405.303c-.173.157-.318.307-.513.493c-.153.147-.31.329-.49.535a6 6 0 0 1-.572.59c-.17.146-.361.31-.558.448a2.1 2.1 0 0 1-.686.337c-.49.123-.963.026-1.385-.182a3 3 0 0 1-.636-.461c-.175-.16-.38-.367-.53-.51l-.003-.001c-.19-.185-.382-.408-.548-.598a5 5 0 0 0-.47-.491a7 7 0 0 0-.482-.388a1.2 1.2 0 0 0-.357-.185c-.202-.052-.43-.024-.698.109l-.001.001q-.16.078-.404.302c-.174.158-.317.307-.513.494c-.153.147-.31.329-.49.535a6 6 0 0 1-1.131 1.038a2.1 2.1 0 0 1-.686.337c-.297.074-.615.018-.816-.027c-.11-.025-.215-.055-.291-.075l-.096-.026l-.03-.007a.501.501 0 0 1 .14-.99c.083.012.185.04.25.059q.122.034.248.063c.187.042.301.045.35.033h.001c.088-.022.204-.08.357-.186c.15-.106.306-.238.482-.388c.142-.121.294-.289.47-.49c.167-.19.358-.414.55-.599l.002-.002c.15-.142.355-.349.529-.508c.182-.165.398-.342.635-.46c.424-.209.897-.308 1.387-.183c.257.066.49.2.685.337q.148.105.29.22l.27.227c.203.174.399.394.57.59c.181.206.337.387.49.535l.513.494c.164.15.296.25.404.304c.27.132.497.16.7.11a1.2 1.2 0 0 0 .355-.187a7 7 0 0 0 .483-.388l.108-.1c.111-.107.23-.24.363-.39c.166-.19.357-.414.55-.599l.001-.002c.15-.142.355-.35.53-.508a2.8 2.8 0 0 1 .635-.46"/></svg>Comment utiliser l'icône Three Phase 20
React
import { Icon } from "@iconify/react";
<Icon icon="energy-icons:three-phase-20" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="energy-icons:three-phase-20" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="energy-icons:three-phase-20" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--three-phase-20]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:three-phase-20"></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"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/energy-icons/three-phase-20.svg" alt="Icône Three Phase 20" width="24" height="24">Icônes similaires dans Energy Icons
FAQ : Icône Three Phase 20
L'icône Three Phase 20 est-elle gratuite pour un usage commercial ?
Oui. Les Energy Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Three Phase 20 dans React ?
Installez @iconify/react et affichez <Icon icon="energy-icons:three-phase-20" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Three Phase 20 à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/energy-icons/three-phase-20.svg" alt="Icône Three Phase 20">, ou collez le code SVG directement dans la page pour le styliser en CSS.