Server Sharp アイコン

Q: Server Sharp アイコンは商用利用でも無料ですか?

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

ion:server-sharp

Server Sharp アイコン(ion:server-sharp)は、IonIcons セットの無料 SVG アイコンです（作者: Ben Sperry）。 512 × 512 のグリッドで描かれています。 IonIcons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: IonIcons
作者: Ben Sperry
ライセンス: MIT
サイズ: 512 × 512
タグ: serversharp

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M125.295 40.728C159.804 25.158 206.27 16 256.5 16s96.466 9.159 130.748 24.748C420.143 55.706 448 80 448 112v.03c-.011 5.533-3.098 13.89-12.295 24.22c-8.995 10.102-22.617 20.658-40.273 30.264C360.162 185.702 310.794 200 256 200s-104.162-14.298-139.432-33.486c-17.656-9.606-31.278-20.162-40.273-30.264C67.081 125.901 64 117.532 64 112c0-32.428 28.246-56.36 61.295-71.272"/><path fill="currentColor" d="M410.724 194.623c14.213-7.731 26.834-18.379 37.276-29.599V258c0 5.532-3.081 11.901-12.295 22.25c-8.995 10.102-22.617 20.658-40.273 30.264C360.162 329.702 310.794 344 256 344s-104.162-14.298-139.432-33.486c-17.656-9.606-31.278-20.162-40.273-30.264C67.081 269.901 64 263.532 64 258v-92.976c10.442 11.22 23.063 21.868 37.276 29.599C141.286 216.39 195.918 232 256 232s114.714-15.61 154.724-37.377"/><path fill="currentColor" d="M64 309.024V400c0 32.224 28.004 56.169 60.928 71.134C159.297 486.756 205.653 496 256 496s96.703-9.244 131.072-24.866C419.996 456.169 448 432.224 448 400v-90.976c-10.442 11.22-23.063 21.868-37.276 29.599C370.714 360.39 316.082 376 256 376s-114.714-15.61-154.724-37.377C87.063 330.892 74.442 320.244 64 309.024"/></svg>

Server Sharp アイコンの使い方

React

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

<Icon icon="ion:server-sharp" width="24" />

Vue

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

<template>
  <Icon icon="ion:server-sharp" width="24" />
</template>

Svelte

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

<Icon icon="ion:server-sharp" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ion--server-sharp]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ion -->
<div class="i-ion:server-sharp"></div>

Web コンポーネント

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

<iconify-icon icon="ion:server-sharp"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/ion/server-sharp.svg" alt="Server Sharp アイコン" width="24" height="24">

IonIcons の関連アイコン

他のアイコンセットの Server Sharp アイコン

Server Sharp アイコンのよくある質問

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

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

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

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

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

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

IonIcons をすべて見る →