Harmonics 20 アイコン
energy-icons:harmonics-20
Harmonics 20 アイコン(energy-icons:harmonics-20)は、Energy Icons セットの無料 SVG アイコンです（作者: Sam Passmore）。 20 × 20 のグリッドで描かれています。 Energy Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Energy Icons
- 作者
- Sam Passmore
- ライセンス
- MIT
- サイズ
- 20 × 20
- タグ
- harmonic
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="currentColor" d="M5.935 3.675a.83.83 0 0 1 .471.268c.11.118.204.264.28.4l.065.127c.064.133.123.282.176.423q.055.147.107.294l.102.28l.212.611c.07.205.135.386.194.524q.1.23.189.395q.04.073.07.117l.024-.023l.057-.055c.039-.037.09-.086.148-.13l.01-.007c.014-.01.034-.027.07-.057c.029-.026.076-.068.123-.105s.115-.086.197-.126a.7.7 0 0 1 .334-.072h.018c.14.007.295.044.446.14q.17.112.29.28l.078.116v.002c.172.287.328.731.464 1.174c.071.229.145.508.217.793l.417 1.668q.05.204.1.392l.1.347v.002c.133.432.257.76.357.937q.047-.042.113-.092l.165-.157c.04-.039.094-.087.156-.132a.8.8 0 0 1 .264-.133a.94.94 0 0 1 .431-.028a.88.88 0 0 1 .479.261v.001c.116.12.212.274.289.414c.08.147.156.312.227.476l.001.002c.077.179.153.394.222.597c.072.21.138.41.203.584q.055.147.106.293l.103.28q.09.24.156.371q.067-.131.157-.37c.075-.2.13-.359.208-.572v-.002c.066-.175.132-.373.204-.584c.07-.203.146-.42.224-.599c.071-.164.147-.33.227-.476c.076-.14.172-.294.288-.414l.002-.002a.9.9 0 0 1 .478-.26a.94.94 0 0 1 .429.028l.01.003a.8.8 0 0 1 .256.129c.061.045.115.094.155.133c.101.096.126.127.163.155c.043.032.083.066.114.094c.1-.177.225-.505.359-.938l.109-.387c.116-.434.24-.967.3-1.194a.5.5 0 0 1 .968.258c-.062.232-.282 1.168-.422 1.619c-.137.442-.294.889-.466 1.176c-.097.161-.216.3-.367.396a.9.9 0 0 1-.46.143l-.001-.002a.7.7 0 0 1-.34-.072a1 1 0 0 1-.196-.127a3 3 0 0 1-.123-.105l-.07-.057l-.006-.004a2 2 0 0 1-.15-.131l-.057-.056l-.025-.024q-.03.044-.07.117q-.089.166-.188.396v.001c-.06.138-.124.319-.194.524c-.068.197-.141.418-.213.61h-.001c-.058.156-.143.401-.208.574a5 5 0 0 1-.175.424l-.065.126c-.076.136-.17.282-.28.4c-.098.103-.292.276-.573.276s-.475-.171-.573-.275a2 2 0 0 1-.28-.4a4 4 0 0 1-.24-.55q-.055-.147-.107-.295l-.103-.28c-.071-.192-.145-.414-.212-.611a8 8 0 0 0-.194-.524a5 5 0 0 0-.188-.395a2 2 0 0 0-.072-.118l-.023.024l-.057.055c-.038.037-.09.086-.148.13l-.009.007l-.07.057a3 3 0 0 1-.122.104a1 1 0 0 1-.197.127a.7.7 0 0 1-.34.072v.002a.9.9 0 0 1-.46-.143a1.2 1.2 0 0 1-.367-.395c-.172-.287-.33-.735-.465-1.177a16 16 0 0 1-.216-.792l-.417-1.668a14 14 0 0 0-.201-.74v-.001c-.133-.431-.257-.759-.358-.937q-.047.042-.113.091v.001c-.037.03-.061.06-.164.157a2 2 0 0 1-.155.132a.8.8 0 0 1-.265.133l-.001-.001a.94.94 0 0 1-.43.03a.88.88 0 0 1-.478-.262l-.001-.002a2 2 0 0 1-.288-.413A6 6 0 0 1 6.625 7v-.002a9 9 0 0 1-.223-.597c-.072-.21-.138-.41-.204-.584l-.105-.294l-.103-.28a4 4 0 0 0-.157-.37q-.066.129-.156.37l-.103.28l-.105.293l-.001.002c-.065.174-.131.372-.203.583a8 8 0 0 1-.224.596l.001.001a6 6 0 0 1-.227.478c-.077.14-.173.293-.288.413l-.002.003a.9.9 0 0 1-.478.26a.94.94 0 0 1-.695-.16a2 2 0 0 1-.156-.133c-.102-.097-.126-.127-.164-.156a2 2 0 0 1-.114-.093a4 4 0 0 0-.256.622l-.101.316c-.134.432-.33 1.279-.41 1.58a.5.5 0 0 1-.967-.257c.062-.232.282-1.168.422-1.619c.137-.443.293-.887.464-1.175l.001-.002c.097-.16.217-.298.369-.395a.9.9 0 0 1 .444-.14h.006l.013-.002a.7.7 0 0 1 .334.073c.083.04.15.09.198.127c.047.038.094.079.124.105l.07.057l.005.004c.06.045.111.094.15.131l.057.056l.024.023q.03-.044.07-.117q.09-.166.19-.395V6.6c.06-.138.123-.318.194-.523c.067-.197.14-.419.213-.611q.05-.135.101-.28l.107-.294c.07-.188.152-.39.242-.55c.076-.137.168-.282.278-.4c.097-.104.292-.276.573-.276z"/></svg>Harmonics 20 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="energy-icons:harmonics-20" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="energy-icons:harmonics-20" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="energy-icons:harmonics-20" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--harmonics-20]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:harmonics-20"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="energy-icons:harmonics-20"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/energy-icons/harmonics-20.svg" alt="Harmonics 20 アイコン" width="24" height="24">Energy Icons の関連アイコン
Harmonics 20 アイコン のよくある質問
Harmonics 20 アイコンは商用利用でも無料ですか?
はい。Energy Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Harmonics 20 アイコンを使うには?
@iconify/react をインストールして <Icon icon="energy-icons:harmonics-20" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Harmonics 20 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/energy-icons/harmonics-20.svg" alt="Harmonics 20 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。