Radio アイコン
fxemoji:radio
Radio アイコン(fxemoji:radio)は、Firefox OS Emoji セットの無料 SVG アイコンです（作者: Mozilla）。 512 × 512 のグリッドで描かれています。 Firefox OS Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Firefox OS Emoji
- 作者
- Mozilla
- ライセンス
- Apache-2.0
- サイズ
- 512 × 512
- カテゴリ
- 物
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#1C4C5A" d="m246.666 20.185l-130.79 130.79c6.492 6.444 10.514 15.373 10.514 25.244c0 19.645-15.926 35.571-35.571 35.571s-35.571-15.926-35.571-35.571s15.926-35.571 35.571-35.571c3.447 0 6.776.5 9.928 1.415L234.646 8.165a8.5 8.5 0 0 1 12.021 0a8.5 8.5 0 0 1-.001 12.02m155.419 173.414a3.23 3.23 0 0 0 3.228 3.228h55.667a3.23 3.23 0 0 0 3.228-3.228V158.84a3.23 3.23 0 0 0-3.228-3.228h-55.667a3.23 3.23 0 0 0-3.228 3.228z"/><path fill="#8F9799" d="M13.624 472.635c0 13.912 11.278 25.19 25.19 25.19h434.373c13.912 0 25.19-11.278 25.19-25.19V201.409c0-13.912-11.278-25.19-25.19-25.19H38.814c-13.912 0-25.19 11.278-25.19 25.19z"/><path fill="#CCD1D3" d="M69.082 423.238h43.475v23.713H69.082z"/><path fill="#1C4C5A" d="M159.333 238.432h302v6h-302z"/><path fill="#D5DEE4" d="M126.39 255.265c0 19.645-15.926 35.571-35.571 35.571s-35.571-15.926-35.571-35.571s15.926-35.571 35.571-35.571s35.571 15.926 35.571 35.571m335.243-13.833c0-6.548-5.308-11.857-11.856-11.857H171.19c-6.548 0-11.857 5.309-11.857 11.857s5.309 11.857 11.857 11.857h278.586c6.549 0 11.857-5.309 11.857-11.857"/><path fill="#FF5850" d="M112.557 255.265c0 12.005-9.732 21.738-21.738 21.738s-21.738-9.732-21.738-21.738s9.732-21.738 21.738-21.738s21.738 9.733 21.738 21.738m275.335-26.232h-13.424v24.654h13.424z"/><path fill="#1C4C5A" d="M112.557 337.022c0 12.005-9.732 21.738-21.738 21.738s-21.738-9.732-21.738-21.738s9.732-21.738 21.738-21.738s21.738 9.733 21.738 21.738m345.124-56.857a7.904 7.904 0 0 0-7.904-7.904H171.19a7.905 7.905 0 1 0 0 15.808h278.586a7.905 7.905 0 0 0 7.905-7.904m0 38.732a7.904 7.904 0 0 0-7.904-7.904H171.19a7.905 7.905 0 1 0 0 15.808h278.586a7.903 7.903 0 0 0 7.905-7.904m0 38.733a7.904 7.904 0 0 0-7.904-7.904H171.19a7.905 7.905 0 1 0 0 15.808h278.586a7.905 7.905 0 0 0 7.905-7.904m0 38.732a7.904 7.904 0 0 0-7.904-7.904H171.19a7.905 7.905 0 1 0 0 15.808h278.586a7.903 7.903 0 0 0 7.905-7.904m0 38.733a7.904 7.904 0 0 0-7.904-7.904H171.19a7.905 7.905 0 1 0 0 15.808h278.586a7.905 7.905 0 0 0 7.905-7.904m-42.263-206.062h-6v12.399h6zm-67.003 0h-6v12.399h6zm-33.502 0h-6v12.399h6zm-33.502 0h-6v12.399h6zm-33.501 0h-6v12.399h6zm-33.502 0h-6v12.399h6zm-33.502 0h-6v12.399h6zm266.262 0h-6v12.399h6z"/></svg>
Radio アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:radio" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:radio" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:radio" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--radio]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:radio"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:radio"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fxemoji/radio.svg" alt="Radio アイコン" width="24" height="24">
Radio アイコン のよくある質問
Radio アイコンは商用利用でも無料ですか?
はい。Firefox OS Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Radio アイコンを使うには?
@iconify/react をインストールして <Icon icon="fxemoji:radio" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Radio アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fxemoji/radio.svg" alt="Radio アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Firefox OS Emoji アイコン をすべて見る →
ICONYZ
