ICONYZ
日本語
Devicon の Socketio アイコン

Socketio アイコン

devicon:socketio

Socketio アイコン(devicon:socketio)は、Devicon セットの無料 SVG アイコンです(作者: konpa)。 128 × 128 のグリッドで描かれています。 Devicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Devicon
作者
konpa
ライセンス
MIT
サイズ
128 × 128
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><g fill="#010101" fill-rule="evenodd"><path fill-rule="nonzero" d="M63.951.001C28.696.001.001 28.696.001 63.951s28.695 63.95 63.95 63.95s63.95-28.695 63.95-63.95S99.206.001 63.95.001zm0 10.679c29.484 0 53.272 23.787 53.272 53.271s-23.788 53.272-53.272 53.272s-53.272-23.787-53.272-53.272S34.467 10.68 63.951 10.68" color="#000"/><path d="M48.39 60.716c14.004-11.44 27.702-23.278 42.011-34.384c-7.505 11.533-15.224 22.913-22.729 34.445c-6.437.03-12.875.03-19.282-.061m11.838 6.376c6.468 0 12.905 0 19.342.092c-14.095 11.38-27.732 23.309-42.071 34.384c7.505-11.533 15.224-22.943 22.729-34.476"/></g></svg>

Socketio アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="devicon:socketio" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="devicon:socketio" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="devicon:socketio" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--socketio]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:socketio"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="devicon:socketio"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/devicon/socketio.svg" alt="Socketio アイコン" width="24" height="24">

Devicon の関連アイコン

Socketio アイコン のよくある質問

Socketio アイコンは商用利用でも無料ですか?

はい。Devicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Socketio アイコンを使うには?

@iconify/react をインストールして <Icon icon="devicon:socketio" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Socketio アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/devicon/socketio.svg" alt="Socketio アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Devicon アイコン をすべて見る →