Server アイコン

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

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

ion:server

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

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

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.623c9.586-5.214 18.448-11.755 26.406-18.904c4.054-3.642 10.87-.89 10.87 4.56V258c0 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-77.721c0-5.45 6.816-8.202 10.87-4.56c7.958 7.148 16.82 13.69 26.406 18.904C141.286 216.39 195.918 232 256 232s114.714-15.61 154.724-37.377"/><path fill="currentColor" d="M74.87 319.719c-4.054-3.642-10.87-.89-10.87 4.56V400c0 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-75.721c0-5.45-6.816-8.202-10.87-4.56c-7.958 7.148-16.82 13.69-26.406 18.904C370.714 360.39 316.082 376 256 376s-114.714-15.61-154.724-37.377c-9.586-5.214-18.448-11.756-26.406-18.904"/></svg>

Server アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

IonIcons の関連アイコン

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

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

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

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

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

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

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

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

IonIcons をすべて見る →