Server Square Cloud Bold Duotone アイコン

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

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

solar:server-square-cloud-bold-duotone

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

アイコンセット: Solar
作者: 480 Design
ライセンス: CC-BY-4.0
サイズ: 24 × 24
カテゴリ: デバイス
タグ: serversquare、squarecloud、cloudbold、boldduotone、serversquarecloudboldduotone

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><g opacity=".5"><path d="M10 21C6.22876 21 4.34315 21 3.17157 19.8284C2 18.6569 2 16.7712 2 13V12.75H22V13C22 14.1194 22 15.0727 21.9694 15.8905L21.955 15.8805C21.4762 14.5283 20.2273 13.5 18.6667 13.5C17.1549 13.5 15.9395 14.4601 15.4282 15.75H13.5C13.0858 15.75 12.75 16.0858 12.75 16.5C12.75 16.9142 13.0858 17.25 13.5 17.25H14.3571C13.8191 17.8199 13.5 18.5958 13.5 19.4118C13.5 19.9792 13.6543 20.5272 13.9292 21H10Z"/><path d="M10 3H14C17.7712 3 19.6569 3 20.8284 4.17157C22 5.34315 22 7.22876 22 11V11.25H2V11C2 7.22876 2 5.34315 3.17157 4.17157C4.34315 3 6.22876 3 10 3Z"/></g><path fill-rule="evenodd" d="M20.6543 16.8806C20.543 15.8226 19.6956 15 18.6667 15C17.8216 15 17.0989 15.555 16.806 16.3395C16.7161 16.5804 16.6667 16.8429 16.6667 17.1176C16.6667 17.3763 16.7105 17.6242 16.7907 17.8533C16.6966 17.8338 16.5994 17.8235 16.5 17.8235C16.0601 17.8235 15.6644 18.024 15.3901 18.3434C15.1477 18.6255 15 19.0004 15 19.4118C15 20.2889 15.6716 21 16.5 21H20C21.1046 21 22 20.0519 22 18.8824C22 17.9554 21.4375 17.1676 20.6543 16.8806Z" clip-rule="evenodd"/><path d="M20.6543 16.8806C20.543 15.8226 19.6956 15 18.6667 15C17.8216 15 17.0989 15.555 16.806 16.3395C16.7161 16.5804 16.6667 16.8429 16.6667 17.1176C16.6667 17.3763 16.7105 17.6242 16.7907 17.8533C16.6966 17.8338 16.5994 17.8235 16.5 17.8235C16.0601 17.8235 15.6644 18.024 15.3901 18.3434C15.1477 18.6255 15 19.0004 15 19.4118C15 20.2889 15.6716 21 16.5 21H20C21.1046 21 22 20.0519 22 18.8824C22 17.9554 21.4375 17.1676 20.6543 16.8806Z"/><path d="M12.75 7.5C12.75 7.08579 13.0858 6.75 13.5 6.75H18C18.4142 6.75 18.75 7.08579 18.75 7.5C18.75 7.91421 18.4142 8.25 18 8.25H13.5C13.0858 8.25 12.75 7.91421 12.75 7.5Z"/><path d="M6 18.25C5.58579 18.25 5.25 17.9142 5.25 17.5V15.5C5.25 15.0858 5.58579 14.75 6 14.75C6.41421 14.75 6.75 15.0858 6.75 15.5V17.5C6.75 17.9142 6.41421 18.25 6 18.25Z"/><path d="M6 9.25C5.58579 9.25 5.25 8.91421 5.25 8.5V6.5C5.25 6.08579 5.58579 5.75 6 5.75C6.41421 5.75 6.75 6.08579 6.75 6.5V8.5C6.75 8.91421 6.41421 9.25 6 9.25Z"/><path d="M9 18.25C8.58579 18.25 8.25 17.9142 8.25 17.5V15.5C8.25 15.0858 8.58579 14.75 9 14.75C9.41421 14.75 9.75 15.0858 9.75 15.5V17.5C9.75 17.9142 9.41421 18.25 9 18.25Z"/><path d="M9 9.25C8.58579 9.25 8.25 8.91421 8.25 8.5V6.5C8.25 6.08579 8.58579 5.75 9 5.75C9.41421 5.75 9.75 6.08579 9.75 6.5V8.5C9.75 8.91421 9.41421 9.25 9 9.25Z"/><path fill-rule="evenodd" d="M22 12.75H2V11.25H22V12.75Z" clip-rule="evenodd"/></g></svg>

Server Square Cloud Bold Duotone アイコンの使い方

React

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

<Icon icon="solar:server-square-cloud-bold-duotone" width="24" />

Vue

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

<template>
  <Icon icon="solar:server-square-cloud-bold-duotone" width="24" />
</template>

Svelte

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

<Icon icon="solar:server-square-cloud-bold-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--server-square-cloud-bold-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:server-square-cloud-bold-duotone"></div>

Web コンポーネント

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

<iconify-icon icon="solar:server-square-cloud-bold-duotone"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/server-square-cloud-bold-duotone.svg" alt="Server Square Cloud Bold Duotone アイコン" width="24" height="24">

Solar の関連アイコン

Server Square Cloud Bold Duotone アイコンのよくある質問

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

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

React で Server Square Cloud Bold Duotone アイコンを使うには?

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

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

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

Solar アイコンをすべて見る →