Server Square Cloud Bold icon

solar:server-square-cloud-bold

The Server Square Cloud Bold icon (solar:server-square-cloud-bold) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Solar
Author: 480 Design
License: CC-BY-4.0
Size: 24 × 24
Category: Devices
Tags: serversquare, squarecloud, cloudbold, serversquarecloudbold

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M3.17157 19.8284C4.34315 21 6.22876 21 10 21H13.9292C13.6543 20.5272 13.5 19.9792 13.5 19.4118C13.5 18.5958 13.8191 17.8199 14.3571 17.25H13.5C13.0858 17.25 12.75 16.9142 12.75 16.5C12.75 16.0858 13.0858 15.75 13.5 15.75H15.4282C15.9395 14.4601 17.1549 13.5 18.6667 13.5C20.2273 13.5 21.4762 14.5283 21.955 15.8805L21.9694 15.8905C22 15.0727 22 14.1194 22 13V12.75H2V13C2 16.7712 2 18.6569 3.17157 19.8284ZM6 18.25C5.58579 18.25 5.25 17.9142 5.25 17.5L5.25 15.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.25ZM9 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" clip-rule="evenodd"/><path fill-rule="evenodd" d="M3.17157 4.17157C2 5.34315 2 7.22876 2 11V11.25H22V11C22 7.22876 22 5.34315 20.8284 4.17157C19.6569 3 17.7712 3 14 3H10C6.22876 3 4.34315 3 3.17157 4.17157ZM9 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.25ZM5.25 8.5C5.25 8.91421 5.58579 9.25 6 9.25C6.41421 9.25 6.75 8.91421 6.75 8.5V6.5C6.75 6.08579 6.41421 5.75 6 5.75C5.58579 5.75 5.25 6.08579 5.25 6.5L5.25 8.5ZM12.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" clip-rule="evenodd"/><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"/></g></svg>

How to use the Server Square Cloud Bold icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Related icons in Solar

Server Square Cloud Bold icon FAQ

Is the Server Square Cloud Bold icon free for commercial use?

Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Server Square Cloud Bold icon in React?

Install @iconify/react and render <Icon icon="solar:server-square-cloud-bold" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Server Square Cloud Bold icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/server-square-cloud-bold.svg" alt="Server Square Cloud Bold icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →