Ring Buoy アイコン
openmoji:ring-buoy
Ring Buoy アイコン(openmoji:ring-buoy)は、OpenMoji セットの無料 SVG アイコンです。 72 × 72 のグリッドで描かれています。 OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- OpenMoji
- 作者
- OpenMoji
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 72 × 72
- カテゴリ
- 旅行・場所
- タグ
- ringbuoy
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16.874 15.048C2.356 28.195 4.886 45.965 15.45 56.301a30.36 30.36 0 0 0 29.301 7.354c24.894-10.388 23.722-34.762 11.526-47.931c-9.11-9.836-24.4-13.299-39.402-.676"/><path fill="none" stroke="#d0cfce" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16.874 15.048C2.356 28.195 4.886 45.965 15.45 56.301a30.36 30.36 0 0 0 29.301 7.354c24.894-10.388 23.722-34.762 11.526-47.931c-9.11-9.836-24.4-13.299-39.402-.676"/><path fill="#ea5a47" d="M36 11a25 25 0 1 0 25 25a25 25 0 0 0-25-25m0 39.987A14.988 14.988 0 1 1 50.988 36A14.99 14.99 0 0 1 36 50.987"/><path fill="#fff" d="M20.857 15.048a24.3 24.3 0 0 0-5.843 5.843l7.827 7.819a13.5 13.5 0 0 1 5.563-5.696Zm36.204 5.832a24.6 24.6 0 0 0-5.9-5.9l-7.89 7.889a13.64 13.64 0 0 1 5.905 5.898Zm-5.948 36.106a24.3 24.3 0 0 0 5.843-5.843l-7.826-7.82a13.5 13.5 0 0 1-5.563 5.697Zm-36.321-5.638a25 25 0 0 0 6 6l8.024-8.023a13.87 13.87 0 0 1-6.005-5.997Z"/><path fill="#d22f27" d="m49.199 43.324l2.315 2.313a18.08 18.08 0 0 0-.078-19.062l-2.19 2.191a13.63 13.63 0 0 0-5.906-5.897l2.181-2.181a18.08 18.08 0 0 0-19.18.076l2.131 2.25a13.5 13.5 0 0 0-5.562 5.696l-2.273-2.271a18.09 18.09 0 0 0-.125 19.257l2.368-2.369a13.87 13.87 0 0 0 6.005 5.998l-2.362 2.361a18.1 18.1 0 0 0 19.385-.268l-2.272-2.398a13.5 13.5 0 0 0 5.563-5.696M21.104 36A14.988 14.988 0 1 1 36.09 50.987A14.99 14.99 0 0 1 21.104 36"/><path fill="#d0cfce" d="m28.551 22.841l-2.131-2.249a18.3 18.3 0 0 0-5.705 5.675l2.273 2.27a13.5 13.5 0 0 1 5.563-5.696m20.772 5.753l2.191-2.191a18.26 18.26 0 0 0-5.914-5.887l-2.181 2.18a13.63 13.63 0 0 1 5.904 5.898m2.269 16.871l-2.315-2.314a13.5 13.5 0 0 1-5.563 5.697l2.272 2.398a18.3 18.3 0 0 0 5.606-5.781m-28.634-2.31l-2.368 2.369a18.26 18.26 0 0 0 6.012 5.99l2.361-2.361a13.87 13.87 0 0 1-6.005-5.998"/><g stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="none" d="M15.361 50.112a25.01 25.01 0 0 1-.091-28.09m34.813 34.637a25.01 25.01 0 0 1-28.06.071m34.606-34.857a25.01 25.01 0 0 1 .101 28.105M21.874 15.37a25.01 25.01 0 0 1 28.104-.1m-29.121-.222a24.3 24.3 0 0 0-5.843 5.843l7.827 7.819a13.5 13.5 0 0 1 5.563-5.696Z"/><path d="m18.33 16.405l-1.992-2.103a7.7 7.7 0 0 0-1.851 1.851l2.05 2.048m39.173-.016l2.104-1.993a7.7 7.7 0 0 0-1.85-1.85l-2.049 2.05m.055 39.255l1.993 2.103a7.7 7.7 0 0 0 1.851-1.85l-2.05-2.049m-39.61.216l-2.103 1.992a7.7 7.7 0 0 0 1.85 1.851l2.048-2.05"/><path fill="none" d="M57.061 20.88a24.6 24.6 0 0 0-5.9-5.9l-7.89 7.889a13.64 13.64 0 0 1 5.905 5.898Zm-5.948 36.106a24.3 24.3 0 0 0 5.843-5.843l-7.826-7.82a13.5 13.5 0 0 1-5.563 5.697Zm-36.321-5.638a25 25 0 0 0 6 6l8.024-8.023a13.87 13.87 0 0 1-6.005-5.997Z"/><circle cx="36" cy="36.17" r="14.988" fill="none"/></g></svg>Ring Buoy アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:ring-buoy" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:ring-buoy" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:ring-buoy" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--ring-buoy]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:ring-buoy"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:ring-buoy"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/openmoji/ring-buoy.svg" alt="Ring Buoy アイコン" width="24" height="24">OpenMoji の関連アイコン
他のアイコンセットの Ring Buoy アイコン
Ring Buoy アイコン のよくある質問
Ring Buoy アイコンは商用利用でも無料ですか?
はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Ring Buoy アイコンを使うには?
@iconify/react をインストールして <Icon icon="openmoji:ring-buoy" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ring Buoy アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/openmoji/ring-buoy.svg" alt="Ring Buoy アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。