Server アイコン

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

はい。Lets Icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

lets-icons:server

Server アイコン(lets-icons:server)は、Lets Icons セットの無料 SVG アイコンです（作者: Leonid Tsvetkov）。 24 × 24 のグリッドで描かれています。 Lets Icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Lets Icons
作者: Leonid Tsvetkov
ライセンス: CC-BY-4.0
サイズ: 24 × 24
カテゴリ: デザイン・開発

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="currentColor" d="m7.096 8.025l.98.195zm.937-2.069l-.793-.609zm1.756-1.44l.442.897zm4.422 0l-.442.897zm1.756 1.44l-.794.609zm.937 2.069l.98-.196zM7.025 8.5l-.995-.1zm.899 6.882l.924.382zm-.541.54l.382.925zm9.234 0L17 15zm-.54-.54L17 15zm.898-6.882l.995-.1zM17.5 10a2.5 2.5 0 0 1 2.5 2.5h2A4.5 4.5 0 0 0 17.5 8zm2.5 2.5a2.5 2.5 0 0 1-2.5 2.5v2a4.5 4.5 0 0 0 4.5-4.5zm-3 2v-2.444h-2V14.5zm0-2.444a2 2 0 0 0-2-2v2zm-2-2H9v2h6zm-6 0a2 2 0 0 0-2 2h2zm-2 2V14.5h2v-2.444zM6.5 15A2.5 2.5 0 0 1 4 12.5H2A4.5 4.5 0 0 0 6.5 17zM4 12.5A2.5 2.5 0 0 1 6.5 10V8A4.5 4.5 0 0 0 2 12.5zm2.115-4.67a6 6 0 0 0-.085.571l1.99.2q.02-.192.057-.381zM7.24 5.346A6 6 0 0 0 6.115 7.83l1.962.39a4 4 0 0 1 .75-1.654zM9.346 3.62A6 6 0 0 0 7.24 5.347l1.587 1.218a4 4 0 0 1 1.404-1.152zM12 3a6 6 0 0 0-2.654.619l.885 1.794A4 4 0 0 1 12 5zm2.654.619A6 6 0 0 0 12 3v2a4 4 0 0 1 1.77.413zm2.106 1.728a6 6 0 0 0-2.106-1.728l-.885 1.794a4 4 0 0 1 1.404 1.152zm1.125 2.482a6 6 0 0 0-1.125-2.482l-1.587 1.218a4 4 0 0 1 .75 1.655zm.085.572a6 6 0 0 0-.085-.572l-1.962.39q.038.19.057.382zM6.5 10c.85 0 1.447-.677 1.52-1.4l-1.99-.199A.46.46 0 0 1 6.5 8zm.5 4.5c0 .247 0 .382-.007.48c-.006.088-.014.07.007.02l1.848.765a2 2 0 0 0 .14-.65c.013-.181.012-.396.012-.615zM6.5 17c.22 0 .434 0 .615-.012a2 2 0 0 0 .65-.14L7 15c.05-.02.068-.013-.02-.007A8 8 0 0 1 6.5 15zm.5-2l.765 1.848a2 2 0 0 0 1.083-1.083zm10.5 0c-.247 0-.382 0-.48-.007c-.088-.006-.07-.014-.02.007l-.765 1.848c.234.097.46.127.65.14c.181.012.396.012.615.012zm-2.5-.5c0 .22 0 .434.012.615c.013.19.043.416.14.65L17 15c.02.05.013.068.007-.02A8 8 0 0 1 17 14.5zm2 .5l-1.848.765a2 2 0 0 0 1.083 1.083zm.5-7a.46.46 0 0 1 .47.401l-1.99.2c.072.722.67 1.399 1.52 1.399z"/><rect width="8" height="10" x="8" y="11" stroke="currentColor" stroke-width="2" rx="2"/><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M11.5 16h1"/></g></svg>

Server アイコンの使い方

React

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

<Icon icon="lets-icons:server" width="24" />

Vue

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

<template>
  <Icon icon="lets-icons:server" width="24" />
</template>

Svelte

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

<Icon icon="lets-icons:server" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="lets-icons:server"></iconify-icon>

HTML 画像

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

Lets Icons の関連アイコン

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

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

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

はい。Lets Icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Lets Icons をすべて見る →