Socket Io アイコン
cib:socket-io
Socket Io アイコン(cib:socket-io)は、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
- タグ
- socketio
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M15.917.021a16.2 16.2 0 0 0-3.969.505C5.708 2.078.755 7.729.12 14.139C-.667 20.202 2.401 26.52 7.645 29.65c5.152 3.224 12.125 3.095 17.167-.296c4.532-2.943 7.349-8.303 7.183-13.715c-.077-5.353-3.083-10.557-7.683-13.307C21.807.785 18.86.009 15.917.02zm-.089 2.26c6.593-.011 13.052 5.088 13.713 11.901c1.261 7.547-5.005 15.219-12.651 15.443c-7.271.724-14.303-5.443-14.511-12.745c-.541-5.911 3.36-11.781 8.932-13.735a12.1 12.1 0 0 1 4.516-.859zm6.792 4.303c-3.584 2.78-7.016 5.744-10.521 8.609c1.604.02 3.219.02 4.828.009c1.88-2.885 3.813-5.733 5.693-8.619zm-7.552 10.203c-1.88 2.891-3.817 5.744-5.699 8.635c3.595-2.776 7.011-5.76 10.537-8.609a391 391 0 0 0-4.839-.025z"/></svg>Socket Io アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cib:socket-io" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cib:socket-io" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cib:socket-io" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cib--socket-io]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cib -->
<div class="i-cib:socket-io"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cib:socket-io"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cib/socket-io.svg" alt="Socket Io アイコン" width="24" height="24">他のアイコンセットの Socket Io アイコン
Socket Io アイコン のよくある質問
Socket Io アイコンは商用利用でも無料ですか?
はい。CoreUI Brands icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Socket Io アイコンを使うには?
@iconify/react をインストールして <Icon icon="cib:socket-io" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Socket Io アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cib/socket-io.svg" alt="Socket Io アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。