Realm アイコン
cib:realm
Realm アイコン(cib:realm)は、CoreUI Brands セットの無料 SVG アイコンです（作者: creativeLabs Łukasz Holeczek）。 32 × 32 のグリッドで描かれています。 CoreUI Brands icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- CoreUI Brands
- 作者
- creativeLabs Łukasz Holeczek
- ライセンス
- CC0-1.0
- サイズ
- 32 × 32
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M16.005.078A16.17 16.17 0 0 0 4.692 4.75v.005C1.728 7.719.004 11.849.004 16.041c0 4.188 1.714 8.323 4.688 11.286a16.25 16.25 0 0 0 11.307 4.677h.005c4.198 0 8.339-1.714 11.307-4.682h.005c2.984-3 4.667-7.047 4.687-11.276v-.005c0-4.188-1.714-8.323-4.693-11.286A16.16 16.16 0 0 0 16.003.078zm0 1.781c.641 0 1.281.063 1.911.151c-2.703.755-5.016 2.161-7.401 2.599a9.8 9.8 0 0 1-2.969.063c2.432-1.786 5.443-2.813 8.458-2.813zm5.516 1.433c.229 0 .464.01.693.026a14.3 14.3 0 0 1 3.844 2.698c.125.12.229.26.349.385a13.7 13.7 0 0 1-5.922 1.573c-3.24.078-6.609-1.063-10.255-1.099a16.9 16.9 0 0 0-5.813.99a14.5 14.5 0 0 1 1.411-1.724c1.635.432 3.333.521 5 .219c3.021-.547 5.516-2.167 8.068-2.771c.859-.203 1.74-.302 2.625-.297m6.047 4.536a14.5 14.5 0 0 1 1.906 3.766a15 15 0 0 0-1.797-.859a15.1 15.1 0 0 0-8.828-.656h-.005c-1.984.458-3.786 1.292-5.536 2.031a40 40 0 0 1-1.87.74a13.5 13.5 0 0 0-1.922-.344h-.005a12.7 12.7 0 0 0-5.594.734a11 11 0 0 1-1.656-.714c.182-.708.417-1.406.708-2.078c2.224-1.167 4.734-1.818 7.24-1.792c3.26.036 6.656 1.188 10.318 1.094h.005a15.5 15.5 0 0 0 7.036-1.922m-5.375 3.656c1.641 0 3.281.307 4.833.911a13 13 0 0 1 3.042 1.703c.047.339.083.672.109 1.016a14.2 14.2 0 0 0-2.99-.438a13.6 13.6 0 0 0-4.271.505c-.927.266-1.802.615-2.651 1.01c-1.448-.495-2.891-1.146-4.37-1.781q-.875-.375-1.766-.719c1.734-.734 3.406-1.484 5.115-1.88a13.3 13.3 0 0 1 2.943-.328zm-14.354 2.75c.495-.021 1-.005 1.5.042c1.964.198 3.911.938 5.854 1.771q1.438.628 2.938 1.24c-1.469.807-2.875 1.635-4.318 2.266c-1.396-.521-2.839-1.01-4.401-1.224c-2.448-.333-4.953.083-7.182 1.104c-.255-1-.401-2.031-.427-3.063a11 11 0 0 1 1.708-1.057a11 11 0 0 1 4.328-1.078zm19.281 2.224c1.031.036 2.063.214 3.052.505a14 14 0 0 1-.406 2.521a13.6 13.6 0 0 1-2.849 1.443a14 14 0 0 1-7.667.495c-1.042-.224-2.078-.599-3.12-1c2.516-1.297 4.797-2.823 7.276-3.526a11.9 11.9 0 0 1 3.714-.438M7.344 20.01a11 11 0 0 1 1.828.083c3.135.432 6.151 2.292 9.698 3.068q.71.154 1.438.24q-.703.201-1.391.443v.005c-1.714.615-3.276 1.385-4.849 1.849c-2.87.833-5.927.719-8.724-.307a14.3 14.3 0 0 1-2.573-4.24a11.5 11.5 0 0 1 4.573-1.141m21.526 2c-.089.193-.177.385-.276.573c-.297-.021-.589-.052-.885-.063c.396-.151.776-.333 1.161-.51m-2.266 2.271c.307-.005.615.005.927.021c-.443.62-.927 1.214-1.474 1.766h-.005c-2.62 2.62-6.339 4.151-10.042 4.151a14.37 14.37 0 0 1-7.724-2.302c2.089.255 4.229.089 6.276-.505h.005c1.776-.526 3.37-1.318 4.948-1.885a21.4 21.4 0 0 1 7.083-1.245z"/></svg>Realm アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cib:realm" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cib:realm" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cib:realm" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cib--realm]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cib -->
<div class="i-cib:realm"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cib:realm"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cib/realm.svg" alt="Realm アイコン" width="24" height="24">他のアイコンセットの Realm アイコン
Realm アイコン のよくある質問
Realm アイコンは商用利用でも無料ですか?
はい。CoreUI Brands icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Realm アイコンを使うには?
@iconify/react をインストールして <Icon icon="cib:realm" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Realm アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cib/realm.svg" alt="Realm アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。