Kingdom アイコン
arcticons:kingdom
Kingdom アイコン(arcticons:kingdom)は、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
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><ellipse cx="24" cy="33.553" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" rx="19.5" ry="6.528"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M37.937 11.25c3.444 1.568 5.562 2.975 5.562 5.336v16.96M10.063 11.25c-3.444 1.568-5.562 2.975-5.562 5.336v16.96m12.094-24.98c2.28-.42 4.786-.646 7.405-.646s5.125.226 7.405.646M6.83 30.458c3.298 2.037 9.749 3.428 17.17 3.428s13.872-1.39 17.17-3.428"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M16.595 8.566v9.927c-2.474.324-4.689.841-6.532 1.456v-8.7m27.874.001v8.699c-1.843-.615-4.058-1.132-6.532-1.455V8.566"/></svg>Kingdom アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:kingdom" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:kingdom" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:kingdom" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--kingdom]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:kingdom"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:kingdom"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/arcticons/kingdom.svg" alt="Kingdom アイコン" width="24" height="24">Arcticons の関連アイコン
Kingdom アイコン のよくある質問
Kingdom アイコンは商用利用でも無料ですか?
はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Kingdom アイコンを使うには?
@iconify/react をインストールして <Icon icon="arcticons:kingdom" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Kingdom アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/arcticons/kingdom.svg" alt="Kingdom アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。