Boombox アイコン
game-icons:boombox
Boombox アイコン(game-icons:boombox)は、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="m369.1 24.54l-12.6 12.92c-9.2 14.71-9.7 34.33-7.6 53.05c-2.9-.39-5.9-.46-8.9-.2c-16.1 1.38-28.4 11.59-27.4 22.89c1 11.2 14.8 19.2 30.9 17.8c8.8-.7 17-4.2 22.1-9.5c1.7 10.8 15.2 18.2 30.7 16.9c16.1-1.4 28.4-11.6 27.4-22.9c-.2-2.3-.9-4.5-2.1-6.5c-3.4-19.63-4.2-38.02 4.8-57.07c-18.6-5.91-44-16.31-57.3-27.39m2.4 24.77c10.1 6.59 21.3 11.42 32 14.24c-2.6 11.7-2.6 23.19-1.6 34.32c-3-.42-6-.5-9.1-.24c-8.8.77-16.9 4.27-22 9.57c-.3-2-1.1-3.9-2.2-5.7c-3.1-17.98-3.9-34.87 2.9-52.19M111.4 63.88c-13.92 5.83-36.33 8.22-53.82 3.71l-4.5 17.43c2.08 18.88 10 35.28 19.99 49.68a20.44 29.25 55.36 0 0-8.08 4.4a20.44 29.25 55.36 0 0-12.45 33.4a20.44 29.25 55.36 0 0 35.69.2a20.44 29.25 55.36 0 0 12.47-33.4a20.44 29.25 55.36 0 0-5.4-4.7c-11.6-14-20.7-28.3-23.28-46.69c16.57.96 33.18-1.91 46.38-7.43zM151 167v48h16v-32h178v32h16v-48zM25 233v238h462V233zm39 14h64v18H64zm112 0h160v18H176zm208 0h64v18h-64zM48 279h416v18H48zm64 32c40.2 0 73 32.8 73 73s-32.8 73-73 73c-40.21 0-73-32.8-73-73s32.79-73 73-73m87 0h114v82H199zm201 0c40.2 0 73 32.8 73 73s-32.8 73-73 73s-73-32.8-73-73s32.8-73 73-73m-288 18c-30.48 0-55 24.5-55 55s24.52 55 55 55c30.5 0 55-24.5 55-55s-24.5-55-55-55m105 0v46h78v-46zm183 0c-30.5 0-55 24.5-55 55s24.5 55 55 55s55-24.5 55-55s-24.5-55-55-55m-288 30c13.7 0 25 11.3 25 25s-11.3 25-25 25s-25-11.3-25-25s11.3-25 25-25m288 0c13.7 0 25 11.3 25 25s-11.3 25-25 25s-25-11.3-25-25s11.3-25 25-25m-288 18c-4 0-7 3-7 7s3 7 7 7s7-3 7-7s-3-7-7-7m288 0c-4 0-7 3-7 7s3 7 7 7s7-3 7-7s-3-7-7-7m-185 39h18v32h-18zm32 0h18v32h-18zm32 0h18v32h-18z"/></svg>Boombox アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:boombox" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:boombox" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:boombox" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--boombox]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:boombox"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:boombox"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/game-icons/boombox.svg" alt="Boombox アイコン" width="24" height="24">他のアイコンセットの Boombox アイコン
Boombox アイコン のよくある質問
Boombox アイコンは商用利用でも無料ですか?
はい。Game Icons は CC BY 3.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Boombox アイコンを使うには?
@iconify/react をインストールして <Icon icon="game-icons:boombox" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Boombox アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/game-icons/boombox.svg" alt="Boombox アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。