Resonance アイコン
game-icons:resonance
Resonance アイコン(game-icons:resonance)は、Game Icons セットの無料 SVG アイコンです（作者: GameIcons）。 512 × 512 のグリッドで描かれています。 Game Icons は CC BY 3.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Game Icons
- 作者
- GameIcons
- ライセンス
- CC-BY-3.0
- サイズ
- 512 × 512
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M258.186 21.076c-61.262-.17-122.585 23.086-169.264 69.766c-79.875 79.875-90.355 202.083-33.037 294.03c-21.126-58.596-5.07-136.433 43.875-204.518c-26.864 54.274-23.788 119.52 8.705 171.64c-16.072-44.577-3.09-104.19 35.502-155.568c-22.22 40.8-20.71 91 4.105 130.804c-13.956-38.71 1.842-92.823 43.24-134.222c43.876-43.875 102.245-59.39 141.206-40.764c-39.916-27.966-92.123-30.865-134.612-8.724c54.177-39.073 116.827-50.336 161.063-29.194c-52.326-36.654-120.2-41.6-176.747-14.863c71.832-49.555 153.662-63.29 211.87-35.47c-40.654-28.48-88.263-42.783-135.907-42.917zm135.908 42.918l.008.006v-.002q-.005-.001-.008-.004m-35.125 50.332q.001.003.007.006v-.002q-.005-.001-.008-.004zm93.772 8.315c27.828 58.21 14.094 140.048-35.47 211.887c26.74-56.548 21.8-124.425-14.858-176.754c21.144 44.238 9.878 106.895-29.2 161.075c22.145-42.488 19.248-94.7-8.714-134.618c18.62 38.96 3.107 97.327-40.768 141.2c-41.4 41.4-95.513 57.196-134.224 43.238c39.81 24.817 90.023 26.326 130.826 4.096c-51.383 38.602-111.004 51.59-155.588 35.513c52.118 32.49 117.364 35.57 171.637 8.71c-68.085 48.943-145.92 64.997-204.512 43.87c91.947 57.318 214.157 46.838 294.03-33.037c82.987-82.986 91.948-212.252 26.842-305.18zM364.5 184.23l-.004-.007h-.002zm37.914-26.457l-.004-.007h-.002z"/></svg>Resonance アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:resonance" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:resonance" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:resonance" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--resonance]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:resonance"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:resonance"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/game-icons/resonance.svg" alt="Resonance アイコン" width="24" height="24">Resonance アイコン のよくある質問
Resonance アイコンは商用利用でも無料ですか?
はい。Game Icons は CC BY 3.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Resonance アイコンを使うには?
@iconify/react をインストールして <Icon icon="game-icons:resonance" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Resonance アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/game-icons/resonance.svg" alt="Resonance アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。