ICONYZ
日本語
WebHostingHub Glyphs の Splitthree アイコン

Splitthree アイコン

whh:splitthree

Splitthree アイコン(whh:splitthree)は、WebHostingHub Glyphs セットの無料 SVG アイコンです(作者: WebHostingHub)。 1024 × 1024 のグリッドで描かれています。 WebHostingHub Glyphs icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
WebHostingHub Glyphs
作者
WebHostingHub
ライセンス
OFL-1.1
サイズ
1024 × 1024
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="m1021 856l-116 163q-4 5-9.5 5t-9.5-5L770 856q-6-10 4-24h58V704q0-26-16.5-52.5T768 600t-60.5-45.5t-70-46.5t-61.5-43v367h58q10 14 3 24l-116 163q-3 5-9 5t-10-5L387 856q-7-10 3-24h58V470q-22 16-61.5 41.5T317 557t-60.5 44.5T209 652t-17 52v128h58q10 14 3 24l-115 163q-4 5-10 5t-9-5L3 856q-7-10 3-24h58V640q0-30 28.5-64.5t71-65.5t92.5-65.5t92.5-64.5t71-63t28.5-61V64q0-26 19-45t45.5-19t45 19T576 64v192q0 27 28.5 59.5t71 62.5t92.5 65t92.5 66t71 66t28.5 65v192h58q10 14 3 24"/></svg>

Splitthree アイコンの使い方

React

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

<Icon icon="whh:splitthree" width="24" />

Vue

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

<template>
  <Icon icon="whh:splitthree" width="24" />
</template>

Svelte

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

<Icon icon="whh:splitthree" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="whh:splitthree"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/whh/splitthree.svg" alt="Splitthree アイコン" width="24" height="24">

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

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

はい。WebHostingHub Glyphs icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

WebHostingHub Glyphs アイコン をすべて見る →