Webrtc アイコン
logos:webrtc
Webrtc アイコン(logos:webrtc)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 256 × 249 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SVG Logos
- 作者
- Gil Barbara
- ライセンス
- CC0-1.0
- サイズ
- 256 × 249
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="249" viewBox="0 0 256 249"><path fill="#f60" d="M142.077 191.087c0 31.806-25.782 57.592-57.588 57.592c-31.81 0-57.593-25.786-57.593-57.592s25.782-57.592 57.593-57.592c31.806 0 57.588 25.786 57.588 57.592"/><path fill="#fc0" d="M255.98 110.459c0 31.802-25.782 57.592-57.588 57.592c-31.81 0-57.592-25.79-57.592-57.592c0-31.807 25.781-57.597 57.592-57.597c31.806 0 57.588 25.79 57.588 57.597"/><path fill="#0089cc" d="M115.2 109.18c0 31.802-25.781 57.593-57.592 57.593c-31.802 0-57.588-25.79-57.588-57.592c0-31.807 25.786-57.597 57.588-57.597c31.81 0 57.592 25.79 57.592 57.597"/><path fill="#009939" d="M230.386 191.087c0 31.806-25.782 57.592-57.597 57.592c-31.802 0-57.588-25.786-57.588-57.592s25.786-57.592 57.588-57.592c31.815 0 57.597 25.786 57.597 57.592"/><path fill="#bf0000" d="M185.592 57.985c0 31.806-25.786 57.592-57.592 57.592S70.408 89.79 70.408 57.985S96.194.392 128 .392s57.592 25.787 57.592 57.593"/><path fill="#fc0007" d="M140.799 110.458c0 1.212.105 2.398.181 3.593c25.546-5.894 44.61-28.733 44.61-56.068c0-1.212-.105-2.402-.18-3.597c-25.546 5.897-44.611 28.737-44.611 56.072"/><path fill="#1cd306" d="M148.397 138.975c9.925 17.352 28.576 29.075 49.997 29.075c8.73 0 16.976-2.001 24.393-5.48c-9.92-17.35-28.572-29.074-49.997-29.074c-8.73 0-16.976 2-24.393 5.48"/><path fill="#0f7504" d="M115.2 191.087c0 14.071 5.058 26.947 13.442 36.948c8.376-10 13.434-22.877 13.434-36.948c0-14.07-5.058-26.947-13.434-36.948c-8.384 10.001-13.442 22.877-13.442 36.948"/><path fill="#0c5e87" d="M34.807 162.057a57.3 57.3 0 0 0 22.801 4.716c21.21 0 39.688-11.496 49.685-28.564a57.3 57.3 0 0 0-22.801-4.711c-21.21 0-39.692 11.495-49.685 28.56"/><path fill="#6b0001" d="M70.655 53.126c-.136 1.604-.25 3.217-.25 4.86c0 27.313 19.036 50.132 44.552 56.05c.13-1.604.245-3.217.245-4.855c0-27.314-19.032-50.14-44.547-56.055"/><path fill="#fff" d="M76.03 183.96h-9.009c-7.953 0-14.42-6.446-14.42-14.379V88.035c0-7.932 6.467-14.383 14.42-14.383H179.99c7.954 0 14.417 6.45 14.417 14.383v81.546c0 7.933-6.463 14.38-14.417 14.38h-38.484L64.29 221.81z"/></svg>Webrtc アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="logos:webrtc" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:webrtc" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:webrtc" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--webrtc]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:webrtc"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:webrtc"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/logos/webrtc.svg" alt="Webrtc アイコン" width="24" height="24">他のアイコンセットの Webrtc アイコン
Webrtc アイコン のよくある質問
Webrtc アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Webrtc アイコンを使うには?
@iconify/react をインストールして <Icon icon="logos:webrtc" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Webrtc アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/webrtc.svg" alt="Webrtc アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。