Radio Button アイコン

Q: Radio Button アイコンは商用利用でも無料ですか?

はい。Noto Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

noto:radio-button

Radio Button アイコン(noto:radio-button)は、Noto Emoji セットの無料 SVG アイコンです（作者: Google Inc）。 128 × 128 のグリッドで描かれています。 Noto Emoji icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Noto Emoji
作者: Google Inc
ライセンス: Apache-2.0
サイズ: 128 × 128
カテゴリ: 記号
タグ: radiobutton

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#868686" d="M63.87 4.1C23.86 5.15 2.21 34.84 4.22 67.67C6.08 98.01 31.27 124.21 65 123.64c36.88-.63 57.52-29.12 58.6-59.18C124.8 31.29 96.46 3.24 63.87 4.1"/><path fill="#434C4E" d="M64.26 17.53c-30.33.81-47.14 24.29-45.94 49.65c1.08 22.95 21.04 43.71 46.59 42.59c26.09-1.14 43.26-21.54 44.43-45.68c1.23-25.59-20.38-47.22-45.08-46.56"/><path fill="#B1B1B1" d="M63.74 24.38c-25.97.68-39.71 19.97-38.62 41.93c.95 19.3 18 36.2 39.9 35.83c23.94-.41 37.15-17.76 38.04-38.42c.92-21.54-18.16-39.9-39.32-39.34"/><path fill="#DEDEDE" d="M32.06 58.16c2.5.81 4.18-7.65 12.9-14.67c8.71-7.01 18.22-7.42 17.98-11.37s-10.27-3.22-16.37.4c-5.97 3.55-11.21 8.14-14.11 15.32c-1.68 4.15-2.27 9.72-.4 10.32"/><path fill="#B2B2B2" d="M39.96 14.78c-1.25-1.7-6.61-.32-12.74 5.16c-5.15 4.61-7.74 10.48-5.81 12.17c1.94 1.69 6.05-3.63 10.32-7.5s10.48-6.76 8.23-9.83m70.55 69.59c-3.32-1.18-4.51 4.22-6.05 6.69c-6.93 11.13-16.53 16.46-22.17 18.95c-3.47 1.53-6.61 1.61-5.56 5c.81 2.61 6.45.41 8.39-.4c3.47-1.45 10.16-5.17 15.4-9.92c5.08-4.6 8.42-9.26 10.16-13.87c.39-1.08 2.32-5.57-.17-6.45"/></svg>

Radio Button アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="noto:radio-button" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="noto:radio-button" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="noto:radio-button" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[noto--radio-button]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/noto -->
<div class="i-noto:radio-button"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="noto:radio-button"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/noto/radio-button.svg" alt="Radio Button アイコン" width="24" height="24">

Noto Emoji の関連アイコン

他のアイコンセットの Radio Button アイコン

Radio Button アイコンのよくある質問

Radio Button アイコンは商用利用でも無料ですか?

はい。Noto Emoji icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Radio Button アイコンを使うには?

@iconify/react をインストールして <Icon icon="noto:radio-button" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Radio Button アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/noto/radio-button.svg" alt="Radio Button アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Noto Emoji アイコンをすべて見る →