Go2rtc アイコン
selfhst:go2rtc
Go2rtc アイコン(selfhst:go2rtc)は、selfh.st/icons セットの無料 SVG アイコンです（作者: selfh.st）。 512 × 512 のグリッドで描かれています。 selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- selfh.st/icons
- 作者
- selfh.st
- ライセンス
- CC-BY-4.0
- サイズ
- 512 × 512
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path d="M502.2 421.2c-1.2 8-7.2 14.1-14.7 15.1c-26.9 3.6-99.3 11.2-231.6 11.2c-132 0-204.5-7.6-231.4-11.2c-7.5-1-13.5-7.2-14.7-15.2c-3.5-23.2-9.8-77.3-9.8-165c0-87.9 6.4-141.9 9.9-165.2c1.2-8 7.2-14.1 14.6-15.2c26.2-3.6 96.3-11.2 226.6-11.2c132.4 0 208.5 7.8 236.4 11.3c7.5 1 13.5 7.1 14.8 15.1c3.6 22.6 9.8 75.1 9.8 165.1c-.1 90.2-6.3 142.6-9.9 165.2"/><path fill="#fdfdfd" d="m437.6 252.4l-5.2-8.6c-12.9-19.9-31.6-45.3-63.5-68c-13-9.3-26.3-16.7-38.9-22.2c-19.4-9.2-42.7-14.6-67.8-14.6H257v234.1h2.7c28.8 0 55.3-6.5 76.7-17.5c4.9-2.3 9.9-4.9 14.9-7.6c39.5-21.9 57.2-47.2 71.4-65.2c1.6-2.2 4.5-6.4 5.8-8.4c1-1.4 4.7-7.1 5.5-8.4l3.9-6.3c1.3-2.2 2-4.3-.3-7.3"/><path fill="#e8e7e6" d="M256.9 139h-3.4c-18.2 0-35.4 2.8-51 8c-18.5 5-40 15.5-60.8 30.9c-30.2 22.2-44.5 41.7-59.4 63.4l-5.5 8.9c-3.9 5.8-3 7.1-1.4 9.3l4.9 8.4c1.9 2.9 1.9 3.2 3.9 5.8c1 1.3 4 6.1 5 7.2c15.3 19.4 31.1 40.2 62.3 60.2c18.5 11.9 37.4 20.3 54.1 24.9c14 4.4 29.4 6.9 45.5 6.9c1.3 0 2.7 0 4.1-.1h1.8V139z"/><path fill="#df111a" d="M256.9 187v139.2c38.3-.1 69.3-31.2 69.3-69.6c.1-38.4-31-69.5-69.3-69.6"/><path fill="#bb0d1a" d="M256.6 326.2h.2V187h-.2c-38.4 0-69.6 31.2-69.6 69.6s31.2 69.6 69.6 69.6"/><circle cx="302.6" cy="256.7" r="17.6" fill="#fff"/><path fill="#1d1a19" d="M256.5 227.6v57c15.8 0 28.5-12.8 28.5-28.5s-12.7-28.5-28.5-28.5"/><path fill="#0f0f0e" d="M256.5 284.5v-57c-15.8 0-28.5 12.8-28.5 28.5s12.8 28.5 28.5 28.5"/><circle cx="256.5" cy="256.1" r="10.4"/></svg>Go2rtc アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:go2rtc" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:go2rtc" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:go2rtc" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--go2rtc]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:go2rtc"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:go2rtc"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/selfhst/go2rtc.svg" alt="Go2rtc アイコン" width="24" height="24">selfh.st/icons の関連アイコン
Go2rtc アイコン のよくある質問
Go2rtc アイコンは商用利用でも無料ですか?
はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Go2rtc アイコンを使うには?
@iconify/react をインストールして <Icon icon="selfhst:go2rtc" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Go2rtc アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/selfhst/go2rtc.svg" alt="Go2rtc アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。