server icon
server from IconPark by ByteDance · Color · Hardware · Apache-2.0 Free for personal and commercial use.
- Name
- server
- Set
- IconPark
- Style
- Color
- Category
- Hardware
- Viewbox
- 48×48
- License
- Apache 2.0
The same icon in other sets
serverBootstrap IconsserverBoxIcons v2serverBoxIcons v2 SolidserverCodiconsserverFont Awesome 6 SolidserverFont Awesome SolidserverFeather Iconsserver-outlineFlowbite Iconsserver-12-filledFluent UI System Iconsservercss.ggserverHeroIconsserverHuge IconsserverHumbleiconsserverIconPark OutlineserverIconPark SolidserverIconPark TwoToneserverIconoirserverIonIconsserverLine AwesomeserverLucideserverMage IconsserverMajesticonsserverMaterial Design Iconsserver-fillMingCute Icon
More hardware icons from IconPark
Use the server icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><path fill="#2F88FF" stroke="#000" stroke-linejoin="round" stroke-width="4" d="M44 4H4V20H44V4Z"/><path fill="#2F88FF" stroke="#000" stroke-linejoin="round" stroke-width="4" d="M44 28H4V44H44V28Z"/><path fill="#fff" d="M13 10H11C10.4477 10 10 10.4477 10 11V13C10 13.5523 10.4477 14 11 14H13C13.5523 14 14 13.5523 14 13V11C14 10.4477 13.5523 10 13 10Z"/><path fill="#fff" d="M13 34H11C10.4477 34 10 34.4477 10 35V37C10 37.5523 10.4477 38 11 38H13C13.5523 38 14 37.5523 14 37V35C14 34.4477 13.5523 34 13 34Z"/><path fill="#fff" d="M21 10H19C18.4477 10 18 10.4477 18 11V13C18 13.5523 18.4477 14 19 14H21C21.5523 14 22 13.5523 22 13V11C22 10.4477 21.5523 10 21 10Z"/><path fill="#fff" d="M21 34H19C18.4477 34 18 34.4477 18 35V37C18 37.5523 18.4477 38 19 38H21C21.5523 38 22 37.5523 22 37V35C22 34.4477 21.5523 34 21 34Z"/></g></svg>
React
import type { SVGProps } from "react";
export function IconParkServer(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><path fill="#2F88FF" stroke="#000" strokeLinejoin="round" strokeWidth="4" d="M44 4H4V20H44V4Z"/><path fill="#2F88FF" stroke="#000" strokeLinejoin="round" strokeWidth="4" d="M44 28H4V44H44V28Z"/><path fill="#fff" d="M13 10H11C10.4477 10 10 10.4477 10 11V13C10 13.5523 10.4477 14 11 14H13C13.5523 14 14 13.5523 14 13V11C14 10.4477 13.5523 10 13 10Z"/><path fill="#fff" d="M13 34H11C10.4477 34 10 34.4477 10 35V37C10 37.5523 10.4477 38 11 38H13C13.5523 38 14 37.5523 14 37V35C14 34.4477 13.5523 34 13 34Z"/><path fill="#fff" d="M21 10H19C18.4477 10 18 10.4477 18 11V13C18 13.5523 18.4477 14 19 14H21C21.5523 14 22 13.5523 22 13V11C22 10.4477 21.5523 10 21 10Z"/><path fill="#fff" d="M21 34H19C18.4477 34 18 34.4477 18 35V37C18 37.5523 18.4477 38 19 38H21C21.5523 38 22 37.5523 22 37V35C22 34.4477 21.5523 34 21 34Z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><path fill="#2F88FF" stroke="#000" stroke-linejoin="round" stroke-width="4" d="M44 4H4V20H44V4Z"/><path fill="#2F88FF" stroke="#000" stroke-linejoin="round" stroke-width="4" d="M44 28H4V44H44V28Z"/><path fill="#fff" d="M13 10H11C10.4477 10 10 10.4477 10 11V13C10 13.5523 10.4477 14 11 14H13C13.5523 14 14 13.5523 14 13V11C14 10.4477 13.5523 10 13 10Z"/><path fill="#fff" d="M13 34H11C10.4477 34 10 34.4477 10 35V37C10 37.5523 10.4477 38 11 38H13C13.5523 38 14 37.5523 14 37V35C14 34.4477 13.5523 34 13 34Z"/><path fill="#fff" d="M21 10H19C18.4477 10 18 10.4477 18 11V13C18 13.5523 18.4477 14 19 14H21C21.5523 14 22 13.5523 22 13V11C22 10.4477 21.5523 10 21 10Z"/><path fill="#fff" d="M21 34H19C18.4477 34 18 34.4477 18 35V37C18 37.5523 18.4477 38 19 38H21C21.5523 38 22 37.5523 22 37V35C22 34.4477 21.5523 34 21 34Z"/></g></svg> </template>
CSS
.icon-server {
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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%232F88FF%22%20stroke%3D%22%23000%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%20d%3D%22M44%204H4V20H44V4Z%22%2F%3E%3Cpath%20fill%3D%22%232F88FF%22%20stroke%3D%22%23000%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%20d%3D%22M44%2028H4V44H44V28Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M13%2010H11C10.4477%2010%2010%2010.4477%2010%2011V13C10%2013.5523%2010.4477%2014%2011%2014H13C13.5523%2014%2014%2013.5523%2014%2013V11C14%2010.4477%2013.5523%2010%2013%2010Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M13%2034H11C10.4477%2034%2010%2034.4477%2010%2035V37C10%2037.5523%2010.4477%2038%2011%2038H13C13.5523%2038%2014%2037.5523%2014%2037V35C14%2034.4477%2013.5523%2034%2013%2034Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M21%2010H19C18.4477%2010%2018%2010.4477%2018%2011V13C18%2013.5523%2018.4477%2014%2019%2014H21C21.5523%2014%2022%2013.5523%2022%2013V11C22%2010.4477%2021.5523%2010%2021%2010Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M21%2034H19C18.4477%2034%2018%2034.4477%2018%2035V37C18%2037.5523%2018.4477%2038%2019%2038H21C21.5523%2038%2022%2037.5523%2022%2037V35C22%2034.4477%2021.5523%2034%2021%2034Z%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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%232F88FF%22%20stroke%3D%22%23000%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%20d%3D%22M44%204H4V20H44V4Z%22%2F%3E%3Cpath%20fill%3D%22%232F88FF%22%20stroke%3D%22%23000%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%20d%3D%22M44%2028H4V44H44V28Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M13%2010H11C10.4477%2010%2010%2010.4477%2010%2011V13C10%2013.5523%2010.4477%2014%2011%2014H13C13.5523%2014%2014%2013.5523%2014%2013V11C14%2010.4477%2013.5523%2010%2013%2010Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M13%2034H11C10.4477%2034%2010%2034.4477%2010%2035V37C10%2037.5523%2010.4477%2038%2011%2038H13C13.5523%2038%2014%2037.5523%2014%2037V35C14%2034.4477%2013.5523%2034%2013%2034Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M21%2010H19C18.4477%2010%2018%2010.4477%2018%2011V13C18%2013.5523%2018.4477%2014%2019%2014H21C21.5523%2014%2022%2013.5523%2022%2013V11C22%2010.4477%2021.5523%2010%2021%2010Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M21%2034H19C18.4477%2034%2018%2034.4477%2018%2035V37C18%2037.5523%2018.4477%2038%2019%2038H21C21.5523%2038%2022%2037.5523%2022%2037V35C22%2034.4477%2021.5523%2034%2021%2034Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/icon-park/server.svg?color=%231a73e8&size=48
