Nhk World Japan アイコン
arcticons:nhk-world-japan
Nhk World Japan アイコン(arcticons:nhk-world-japan)は、Arcticons セットの無料 SVG アイコンです（作者: Donnnno）。 48 × 48 のグリッドで描かれています。 Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Arcticons
- 作者
- Donnnno
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 48 × 48
- タグ
- nhkworld、worldjapan、nhkworldjapan
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><rect width="37" height="37" x="5.5" y="5.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" rx="4" ry="4"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M5.5 13.209h37m-37 18.018h37M24 5.5v7.709m-8.777 20.783v3.461c0 .637-.547 1.154-1.221 1.154s-1.221-.517-1.221-1.154v-.383m9.204 1.537v-4.615h1.6c.903 0 1.636.694 1.636 1.55s-.733 1.55-1.637 1.55h-1.599m9.998 1.515v-4.615l3.236 4.615v-4.615m-15.533 3.087h-2.164m-.537 1.528l1.618-4.615l1.618 4.615m9.463-1.528H27.52m-.536 1.528l1.618-4.615l1.618 4.615M29.09 24.69v3.773h2.016m-7.433 0V24.69h1.32c.747 0 1.352.568 1.352 1.267s-.605 1.267-1.352 1.267h-1.32m1.32 0l1.321 1.239M15.508 24.69L14.5 28.463l-1.008-3.773l-1.008 3.773l-1.008-3.773m22.377 3.773V24.69h.907c.975 0 1.765.74 1.765 1.65v.473c0 .911-.79 1.65-1.765 1.65zM19.59 24.69c.738 0 1.336.56 1.336 1.25v1.273c0 .69-.598 1.25-1.336 1.25h0c-.738 0-1.336-.56-1.336-1.25V25.94c0-.69.598-1.25 1.336-1.25m-8.339-2.774l1.632-5.944l2.461 5.944l1.632-5.944m6.182.001l-1.632 5.944m5.726-5.944l-1.632 5.944m-3.275-2.984h4.093m6.995-2.95l-1.632 5.944m.57-2.071l4.379-3.854m-1.626 5.925l-1.725-2.972"/></svg>Nhk World Japan アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:nhk-world-japan" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:nhk-world-japan" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:nhk-world-japan" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--nhk-world-japan]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:nhk-world-japan"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:nhk-world-japan"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/arcticons/nhk-world-japan.svg" alt="Nhk World Japan アイコン" width="24" height="24">Arcticons の関連アイコン
Nhk World Japan アイコン のよくある質問
Nhk World Japan アイコンは商用利用でも無料ですか?
はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Nhk World Japan アイコンを使うには?
@iconify/react をインストールして <Icon icon="arcticons:nhk-world-japan" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Nhk World Japan アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/arcticons/nhk-world-japan.svg" alt="Nhk World Japan アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。