Icône Harmonics 20 Bold
energy-icons:harmonics-20-bold
L'icône Harmonics 20 Bold (energy-icons:harmonics-20-bold) 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
- harmonicsbold, harmonic
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="currentColor" d="M5.953 3.55c.269.041.454.21.545.308c.12.129.218.285.296.423c.095.17.18.38.25.568q.056.149.108.296l.101.279c.073.194.147.418.214.613c.07.205.132.381.19.514l.095.21l.077.154a2 2 0 0 1 .126-.108l.011-.01l.062-.05c.028-.024.077-.068.127-.107c.05-.04.127-.097.221-.142a.84.84 0 0 1 .392-.084h.023v.001c.157.008.333.05.504.16c.13.082.235.189.324.31l.083.126l.002.002c.18.301.34.759.476 1.2l.11.38c.109.405.219.874.316 1.252c.108.422.209.856.308 1.224l.1.345v.002c.104.335.198.6.278.778q.01-.006.044-.039l.107-.104c.041-.04.1-.094.169-.144a1 1 0 0 1 .301-.151c.121-.035.293-.066.49-.031a1 1 0 0 1 .427.191l.118.107l.002.001c.127.132.229.296.307.44q.062.114.12.238l.114.248v.002c.079.184.157.404.226.607c.073.212.137.408.201.58h.001l.107.295l.101.279l.04.1q.018-.048.04-.1c.076-.202.126-.35.207-.571l.001-.003q.096-.26.202-.58c.07-.203.147-.424.227-.609a6 6 0 0 1 .232-.485c.079-.144.18-.309.307-.44l.004-.005a1 1 0 0 1 1.042-.261c.13.038.229.101.293.148a1.7 1.7 0 0 1 .227.201l.091.086c.08-.178.177-.443.28-.779l.109-.384c.114-.43.238-.958.3-1.191a.626.626 0 0 1 1.208.32c-.06.223-.282 1.171-.423 1.625c-.136.441-.297.902-.478 1.203a1.3 1.3 0 0 1-.407.438a1 1 0 0 1-.51.16h-.003l-.01.002l-.001-.002a.84.84 0 0 1-.398-.085c-.093-.045-.17-.1-.22-.14s-.1-.084-.127-.109l-.06-.05l-.009-.007a2 2 0 0 1-.129-.111q-.08.152-.171.364c-.058.133-.12.31-.19.515c-.068.195-.143.42-.216.614c-.055.15-.144.405-.208.574a4 4 0 0 1-.249.566h.001a2.2 2.2 0 0 1-.298.426c-.104.11-.33.315-.664.315c-.333 0-.559-.203-.664-.315a2.2 2.2 0 0 1-.299-.425a4.4 4.4 0 0 1-.247-.567l-.108-.295l-.102-.28c-.072-.194-.147-.418-.213-.613a5 5 0 0 0-.363-.879c-.036.033-.078.073-.126.11l-.01.008l-.061.05l-.128.108c-.05.04-.126.096-.22.141a.84.84 0 0 1-.398.085v.002l-.012-.002h-.002a1 1 0 0 1-.509-.16a1.3 1.3 0 0 1-.407-.437c-.182-.303-.343-.764-.478-1.206c-.144-.461-.296-1.126-.425-1.628c-.145-.562-.277-1.147-.408-1.57l-.001-.001a7 7 0 0 0-.279-.78l-.043.04l-.107.105c-.042.04-.1.094-.168.144a1 1 0 0 1-.295.147l.001.001l-.009.002l-.002.001a1.1 1.1 0 0 1-.486.031a1 1 0 0 1-.546-.297l-.002-.002a2 2 0 0 1-.307-.44a6 6 0 0 1-.233-.486l-.001-.002a9 9 0 0 1-.226-.607c-.072-.212-.136-.408-.2-.58H6.08l-.106-.295l-.102-.279q-.02-.054-.04-.1l-.039.1l-.101.28c-.035.095-.07.196-.107.293v.002q-.096.258-.203.58c-.07.202-.146.423-.226.608l-.001-.001a6 6 0 0 1-.232.486c-.078.144-.18.309-.307.44l-.003.004a1 1 0 0 1-.545.296a1.1 1.1 0 0 1-.486-.032H3.58l-.007-.002a1 1 0 0 1-.294-.148a1.7 1.7 0 0 1-.228-.201l-.048-.046l-.044-.041a5 5 0 0 0-.178.466l-.101.314c-.133.43-.326 1.264-.408 1.575a.625.625 0 0 1-1.21-.32c.06-.223.284-1.171.425-1.625c.136-.442.296-.9.476-1.202l.002-.002c.104-.172.235-.327.407-.437s.346-.151.504-.159h.01l.013-.002c.165-.006.3.041.392.085c.095.046.172.102.222.142s.1.083.128.108c.035.03.05.044.06.05l.008.007a2 2 0 0 1 .128.11a5 5 0 0 0 .363-.878c.067-.195.142-.42.215-.614q.05-.132.1-.278l.108-.296c.07-.188.154-.399.25-.568c.077-.14.176-.294.296-.423c.104-.11.33-.316.664-.316zm-.058 1.236h.002l.353-.198z"/></svg>Comment utiliser l'icône Harmonics 20 Bold
React
import { Icon } from "@iconify/react";
<Icon icon="energy-icons:harmonics-20-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="energy-icons:harmonics-20-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="energy-icons:harmonics-20-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--harmonics-20-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:harmonics-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:harmonics-20-bold"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/energy-icons/harmonics-20-bold.svg" alt="Icône Harmonics 20 Bold" width="24" height="24">Icônes similaires dans Energy Icons
FAQ : Icône Harmonics 20 Bold
L'icône Harmonics 20 Bold 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 Harmonics 20 Bold dans React ?
Installez @iconify/react et affichez <Icon icon="energy-icons:harmonics-20-bold" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Harmonics 20 Bold à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/energy-icons/harmonics-20-bold.svg" alt="Icône Harmonics 20 Bold">, ou collez le code SVG directement dans la page pour le styliser en CSS.