server cloud icon
server-cloud-filled from Reicon by REICON · Filled · Devices · MIT Free for personal and commercial use.
- Name
- server-cloud-filled
- Set
- Reicon
- Style
- Filled
- Category
- Devices
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
More devices icons from Reicon
Use the server cloud icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><defs><path id="SVGZ3M9fe9k" d="M20.654 16.88c-.111-1.057-.958-1.88-1.987-1.88c-.845 0-1.568.555-1.861 1.34a2.22 2.22 0 0 0-.015 1.513a1.46 1.46 0 0 0-1.4.49A1.63 1.63 0 0 0 15 19.412c0 .877.672 1.588 1.5 1.588H20c1.105 0 2-.948 2-2.118c0-.927-.562-1.714-1.346-2.001"/></defs><g fill="currentColor"><path fill-rule="evenodd" d="M3.172 19.828C4.343 21 6.229 21 10 21h3.93a3.17 3.17 0 0 1-.43-1.588c0-.816.32-1.592.857-2.162H13.5a.75.75 0 0 1 0-1.5h1.928c.511-1.29 1.727-2.25 3.239-2.25c1.56 0 2.81 1.028 3.288 2.38l.014.01C22 15.074 22 14.12 22 13v-.25H2V13c0 3.771 0 5.657 1.172 6.828M6 18.25a.75.75 0 0 1-.75-.75v-2a.75.75 0 0 1 1.5 0v2a.75.75 0 0 1-.75.75m3 0a.75.75 0 0 1-.75-.75v-2a.75.75 0 0 1 1.5 0v2a.75.75 0 0 1-.75.75M3.172 4.172C2 5.343 2 7.229 2 11v.25h20V11c0-3.771 0-5.657-1.172-6.828S17.771 3 14 3h-4C6.229 3 4.343 3 3.172 4.172M9 9.25a.75.75 0 0 1-.75-.75v-2a.75.75 0 0 1 1.5 0v2a.75.75 0 0 1-.75.75M5.25 8.5a.75.75 0 0 0 1.5 0v-2a.75.75 0 0 0-1.5 0zm7.5-1a.75.75 0 0 1 .75-.75H18a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1-.75-.75" clip-rule="evenodd"/><use href="#SVGZ3M9fe9k" fill-rule="evenodd" clip-rule="evenodd"/><use href="#SVGZ3M9fe9k"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconServerCloudFilled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><defs><path id="SVGZ3M9fe9k" d="M20.654 16.88c-.111-1.057-.958-1.88-1.987-1.88c-.845 0-1.568.555-1.861 1.34a2.22 2.22 0 0 0-.015 1.513a1.46 1.46 0 0 0-1.4.49A1.63 1.63 0 0 0 15 19.412c0 .877.672 1.588 1.5 1.588H20c1.105 0 2-.948 2-2.118c0-.927-.562-1.714-1.346-2.001"/></defs><g fill="currentColor"><path fillRule="evenodd" d="M3.172 19.828C4.343 21 6.229 21 10 21h3.93a3.17 3.17 0 0 1-.43-1.588c0-.816.32-1.592.857-2.162H13.5a.75.75 0 0 1 0-1.5h1.928c.511-1.29 1.727-2.25 3.239-2.25c1.56 0 2.81 1.028 3.288 2.38l.014.01C22 15.074 22 14.12 22 13v-.25H2V13c0 3.771 0 5.657 1.172 6.828M6 18.25a.75.75 0 0 1-.75-.75v-2a.75.75 0 0 1 1.5 0v2a.75.75 0 0 1-.75.75m3 0a.75.75 0 0 1-.75-.75v-2a.75.75 0 0 1 1.5 0v2a.75.75 0 0 1-.75.75M3.172 4.172C2 5.343 2 7.229 2 11v.25h20V11c0-3.771 0-5.657-1.172-6.828S17.771 3 14 3h-4C6.229 3 4.343 3 3.172 4.172M9 9.25a.75.75 0 0 1-.75-.75v-2a.75.75 0 0 1 1.5 0v2a.75.75 0 0 1-.75.75M5.25 8.5a.75.75 0 0 0 1.5 0v-2a.75.75 0 0 0-1.5 0zm7.5-1a.75.75 0 0 1 .75-.75H18a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1-.75-.75" clipRule="evenodd"/><use href="#SVGZ3M9fe9k" fillRule="evenodd" clipRule="evenodd"/><use href="#SVGZ3M9fe9k"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><defs><path id="SVGZ3M9fe9k" d="M20.654 16.88c-.111-1.057-.958-1.88-1.987-1.88c-.845 0-1.568.555-1.861 1.34a2.22 2.22 0 0 0-.015 1.513a1.46 1.46 0 0 0-1.4.49A1.63 1.63 0 0 0 15 19.412c0 .877.672 1.588 1.5 1.588H20c1.105 0 2-.948 2-2.118c0-.927-.562-1.714-1.346-2.001"/></defs><g fill="currentColor"><path fill-rule="evenodd" d="M3.172 19.828C4.343 21 6.229 21 10 21h3.93a3.17 3.17 0 0 1-.43-1.588c0-.816.32-1.592.857-2.162H13.5a.75.75 0 0 1 0-1.5h1.928c.511-1.29 1.727-2.25 3.239-2.25c1.56 0 2.81 1.028 3.288 2.38l.014.01C22 15.074 22 14.12 22 13v-.25H2V13c0 3.771 0 5.657 1.172 6.828M6 18.25a.75.75 0 0 1-.75-.75v-2a.75.75 0 0 1 1.5 0v2a.75.75 0 0 1-.75.75m3 0a.75.75 0 0 1-.75-.75v-2a.75.75 0 0 1 1.5 0v2a.75.75 0 0 1-.75.75M3.172 4.172C2 5.343 2 7.229 2 11v.25h20V11c0-3.771 0-5.657-1.172-6.828S17.771 3 14 3h-4C6.229 3 4.343 3 3.172 4.172M9 9.25a.75.75 0 0 1-.75-.75v-2a.75.75 0 0 1 1.5 0v2a.75.75 0 0 1-.75.75M5.25 8.5a.75.75 0 0 0 1.5 0v-2a.75.75 0 0 0-1.5 0zm7.5-1a.75.75 0 0 1 .75-.75H18a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1-.75-.75" clip-rule="evenodd"/><use href="#SVGZ3M9fe9k" fill-rule="evenodd" clip-rule="evenodd"/><use href="#SVGZ3M9fe9k"/></g></svg> </template>
CSS
.icon-server-cloud-filled {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cdefs%3E%3Cpath%20id%3D%22SVGZ3M9fe9k%22%20d%3D%22M20.654%2016.88c-.111-1.057-.958-1.88-1.987-1.88c-.845%200-1.568.555-1.861%201.34a2.22%202.22%200%200%200-.015%201.513a1.46%201.46%200%200%200-1.4.49A1.63%201.63%200%200%200%2015%2019.412c0%20.877.672%201.588%201.5%201.588H20c1.105%200%202-.948%202-2.118c0-.927-.562-1.714-1.346-2.001%22%2F%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M3.172%2019.828C4.343%2021%206.229%2021%2010%2021h3.93a3.17%203.17%200%200%201-.43-1.588c0-.816.32-1.592.857-2.162H13.5a.75.75%200%200%201%200-1.5h1.928c.511-1.29%201.727-2.25%203.239-2.25c1.56%200%202.81%201.028%203.288%202.38l.014.01C22%2015.074%2022%2014.12%2022%2013v-.25H2V13c0%203.771%200%205.657%201.172%206.828M6%2018.25a.75.75%200%200%201-.75-.75v-2a.75.75%200%200%201%201.5%200v2a.75.75%200%200%201-.75.75m3%200a.75.75%200%200%201-.75-.75v-2a.75.75%200%200%201%201.5%200v2a.75.75%200%200%201-.75.75M3.172%204.172C2%205.343%202%207.229%202%2011v.25h20V11c0-3.771%200-5.657-1.172-6.828S17.771%203%2014%203h-4C6.229%203%204.343%203%203.172%204.172M9%209.25a.75.75%200%200%201-.75-.75v-2a.75.75%200%200%201%201.5%200v2a.75.75%200%200%201-.75.75M5.25%208.5a.75.75%200%200%200%201.5%200v-2a.75.75%200%200%200-1.5%200zm7.5-1a.75.75%200%200%201%20.75-.75H18a.75.75%200%200%201%200%201.5h-4.5a.75.75%200%200%201-.75-.75%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cuse%20href%3D%22%23SVGZ3M9fe9k%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cuse%20href%3D%22%23SVGZ3M9fe9k%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cdefs%3E%3Cpath%20id%3D%22SVGZ3M9fe9k%22%20d%3D%22M20.654%2016.88c-.111-1.057-.958-1.88-1.987-1.88c-.845%200-1.568.555-1.861%201.34a2.22%202.22%200%200%200-.015%201.513a1.46%201.46%200%200%200-1.4.49A1.63%201.63%200%200%200%2015%2019.412c0%20.877.672%201.588%201.5%201.588H20c1.105%200%202-.948%202-2.118c0-.927-.562-1.714-1.346-2.001%22%2F%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M3.172%2019.828C4.343%2021%206.229%2021%2010%2021h3.93a3.17%203.17%200%200%201-.43-1.588c0-.816.32-1.592.857-2.162H13.5a.75.75%200%200%201%200-1.5h1.928c.511-1.29%201.727-2.25%203.239-2.25c1.56%200%202.81%201.028%203.288%202.38l.014.01C22%2015.074%2022%2014.12%2022%2013v-.25H2V13c0%203.771%200%205.657%201.172%206.828M6%2018.25a.75.75%200%200%201-.75-.75v-2a.75.75%200%200%201%201.5%200v2a.75.75%200%200%201-.75.75m3%200a.75.75%200%200%201-.75-.75v-2a.75.75%200%200%201%201.5%200v2a.75.75%200%200%201-.75.75M3.172%204.172C2%205.343%202%207.229%202%2011v.25h20V11c0-3.771%200-5.657-1.172-6.828S17.771%203%2014%203h-4C6.229%203%204.343%203%203.172%204.172M9%209.25a.75.75%200%200%201-.75-.75v-2a.75.75%200%200%201%201.5%200v2a.75.75%200%200%201-.75.75M5.25%208.5a.75.75%200%200%200%201.5%200v-2a.75.75%200%200%200-1.5%200zm7.5-1a.75.75%200%200%201%20.75-.75H18a.75.75%200%200%201%200%201.5h-4.5a.75.75%200%200%201-.75-.75%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cuse%20href%3D%22%23SVGZ3M9fe9k%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cuse%20href%3D%22%23SVGZ3M9fe9k%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/server-cloud-filled.svg?color=%231a73e8&size=48
