Server アイコン

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

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

famicons:server

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

アイコンセット: Famicons
作者: Family
ライセンス: 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="M256 428c-52.35 0-111.39-11.61-157.93-31c-17.07-7.19-31.69-18.82-43.64-28a4 4 0 0 0-6.43 3.18v12.58c0 28.07 23.49 53.22 66.14 70.82C152.29 471.33 202.67 480 256 480s103.7-8.67 141.86-24.42C440.51 438 464 412.83 464 384.76v-12.58a4 4 0 0 0-6.43-3.18c-11.95 9.17-26.57 20.81-43.65 28c-46.54 19.39-105.57 31-157.92 31m208-301.49c-.81-27.65-24.18-52.4-66-69.85C359.74 40.76 309.34 32 256 32s-103.74 8.76-141.91 24.66c-41.78 17.41-65.15 42.11-66 69.69L48 144c0 6.41 5.2 16.48 14.63 24.73c11.13 9.73 27.65 19.33 47.78 27.73C153.24 214.36 207.67 225 256 225s102.76-10.68 145.59-28.58c20.13-8.4 36.65-18 47.78-27.73C458.8 160.49 464 150.42 464 144Z"/><path fill="currentColor" d="M413.92 226c-46.53 19.43-105.57 31-157.92 31s-111.39-11.57-157.93-31c-17.07-7.15-31.69-18.79-43.64-28a4 4 0 0 0-6.43 3.22V232c0 6.41 5.2 14.48 14.63 22.73c11.13 9.74 27.65 19.33 47.78 27.74C153.24 300.34 207.67 311 256 311s102.76-10.68 145.59-28.57c20.13-8.41 36.65-18 47.78-27.74C458.8 246.47 464 238.41 464 232v-30.78a4 4 0 0 0-6.43-3.18c-11.95 9.17-26.57 20.81-43.65 27.96"/><path fill="currentColor" d="M413.92 312c-46.54 19.41-105.57 31-157.92 31s-111.39-11.59-157.93-31c-17.07-7.17-31.69-18.81-43.64-28a4 4 0 0 0-6.43 3.2V317c0 6.41 5.2 14.47 14.62 22.71c11.13 9.74 27.66 19.33 47.79 27.74C153.24 385.32 207.66 396 256 396s102.76-10.68 145.59-28.57c20.13-8.41 36.65-18 47.78-27.74C458.8 331.44 464 323.37 464 317v-29.8a4 4 0 0 0-6.43-3.18c-11.95 9.17-26.57 20.81-43.65 27.98"/></svg>

Server アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Famicons の関連アイコン

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

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

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

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

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

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

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

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

Famicons をすべて見る →