Ring アイコン
cbi:ring
Ring アイコン(cbi:ring)は、Custom Brand Icons セットの無料 SVG アイコンです（作者: Emanuele & rchiileea）。 24 × 24 のグリッドで描かれています。 Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Custom Brand Icons
- 作者
- Emanuele & rchiileea
- ライセンス
- CC-BY-NC-SA-4.0
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.764 5.66a.845.845 0 1 0 .844.845a.846.846 0 0 0-.844-.845m0 1.378a.533.533 0 1 1 .537-.533a.533.533 0 0 1-.537.533M22 15.721v-4.932a2.61 2.61 0 0 0-1.6-2.411a2.62 2.62 0 0 0-2.053 0a2.7 2.7 0 0 0-.821.557a2.6 2.6 0 0 0-.557.834a2.6 2.6 0 0 0-.206 1.021v2.118a2.55 2.55 0 0 0 .206 1.027a2.6 2.6 0 0 0 1.383 1.383a2.65 2.65 0 0 0 2.02.01a2.6 2.6 0 0 0 .821-.53v.924a1.75 1.75 0 0 1-.147.7a1.82 1.82 0 0 1-.966.966a1.8 1.8 0 0 1-.706.142a2.6 2.6 0 0 1-.785-.128a1.53 1.53 0 0 1-.731-.5a.33.33 0 0 0-.155-.141a.5.5 0 0 0-.168-.034a.42.42 0 0 0-.288.115a.37.37 0 0 0-.127.289a.4.4 0 0 0 .066.229a1.7 1.7 0 0 0 .423.43a2.6 2.6 0 0 0 .564.307a3.4 3.4 0 0 0 .615.182a3 3 0 0 0 .592.061a2.6 2.6 0 0 0 1.021-.206a2.6 2.6 0 0 0 1.399-1.386a2.55 2.55 0 0 0 .2-1.027m-.947-2.114a1.814 1.814 0 0 1-2.377.967a1.8 1.8 0 0 1-.577-.389a1.8 1.8 0 0 1-.39-.578a1.8 1.8 0 0 1-.141-.71v-2.108a1.8 1.8 0 0 1 .141-.7a1.817 1.817 0 0 1 3.348 0a1.8 1.8 0 0 1 .141.705v2.104a1.75 1.75 0 0 1-.149.709Zm-5.908-2.818a2.5 2.5 0 0 0-.205-1.021a2.58 2.58 0 0 0-1.39-1.39a2.62 2.62 0 0 0-2.053 0a2.7 2.7 0 0 0-.821.557a2.7 2.7 0 0 0-.557.834a2.5 2.5 0 0 0-.205 1.021v4.461a.36.36 0 0 0 .127.3a.425.425 0 0 0 .551 0a.36.36 0 0 0 .127-.3V10.79a1.8 1.8 0 0 1 .141-.7a1.815 1.815 0 0 1 3.344 0a1.8 1.8 0 0 1 .142.705v4.461a.36.36 0 0 0 .127.3a.424.424 0 0 0 .55 0a.36.36 0 0 0 .128-.3ZM8.166 8.708a.36.36 0 0 0-.127-.3a.425.425 0 0 0-.551 0a.36.36 0 0 0-.127.3v6.543a.36.36 0 0 0 .127.3a.425.425 0 0 0 .551 0a.36.36 0 0 0 .127-.3Zm-2.149.118a2.1 2.1 0 0 0-.779-.484a2.6 2.6 0 0 0-.887-.174a2.3 2.3 0 0 0-1.026.214a2.1 2.1 0 0 0-.732.588a2.5 2.5 0 0 0-.443.859a3.6 3.6 0 0 0-.149 1.054v4.369a.36.36 0 0 0 .127.3a.42.42 0 0 0 .55 0a.36.36 0 0 0 .128-.3v-4.369a2.16 2.16 0 0 1 .41-1.41a1.4 1.4 0 0 1 1.135-.5a1.67 1.67 0 0 1 1.1.414a.42.42 0 0 0 .282.121a.4.4 0 0 0 .3-.118a.4.4 0 0 0 .121-.282a.4.4 0 0 0-.137-.282"/></svg>
Ring アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:ring" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:ring" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:ring" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--ring]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:ring"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:ring"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/cbi/ring.svg" alt="Ring アイコン" width="24" height="24">
Custom Brand Icons の関連アイコン
Ring アイコン のよくある質問
Ring アイコンは商用利用でも無料ですか?
いいえ。Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。
React で Ring アイコンを使うには?
@iconify/react をインストールして <Icon icon="cbi:ring" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ring アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cbi/ring.svg" alt="Ring アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Custom Brand Icons をすべて見る →
ICONYZ
