server icon
server from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- server
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
2 other variants in IonIcons
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 IconsserverHumbleiconsserverIconParkserverIconPark OutlineserverIconPark SolidserverIconPark TwoToneserverIconoirserverLine AwesomeserverLucideserverMage IconsserverMajesticonsserverMaterial Design Iconsserver-fillMingCute Icon
Use the server icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M125.295 40.728C159.804 25.158 206.27 16 256.5 16s96.466 9.159 130.748 24.748C420.143 55.706 448 80 448 112v.03c-.011 5.533-3.098 13.89-12.295 24.22c-8.995 10.102-22.617 20.658-40.273 30.264C360.162 185.702 310.794 200 256 200s-104.162-14.298-139.432-33.486c-17.656-9.606-31.278-20.162-40.273-30.264C67.081 125.901 64 117.532 64 112c0-32.428 28.246-56.36 61.295-71.272"/><path fill="currentColor" d="M410.724 194.623c9.586-5.214 18.448-11.755 26.406-18.904c4.054-3.642 10.87-.89 10.87 4.56V258c0 5.532-3.081 11.901-12.295 22.25c-8.995 10.102-22.617 20.658-40.273 30.264C360.162 329.702 310.794 344 256 344s-104.162-14.298-139.432-33.486c-17.656-9.606-31.278-20.162-40.273-30.264C67.081 269.901 64 263.532 64 258v-77.721c0-5.45 6.816-8.202 10.87-4.56c7.958 7.148 16.82 13.69 26.406 18.904C141.286 216.39 195.918 232 256 232s114.714-15.61 154.724-37.377"/><path fill="currentColor" d="M74.87 319.719c-4.054-3.642-10.87-.89-10.87 4.56V400c0 32.224 28.004 56.169 60.928 71.134C159.297 486.756 205.653 496 256 496s96.703-9.244 131.072-24.866C419.996 456.169 448 432.224 448 400v-75.721c0-5.45-6.816-8.202-10.87-4.56c-7.958 7.148-16.82 13.69-26.406 18.904C370.714 360.39 316.082 376 256 376s-114.714-15.61-154.724-37.377c-9.586-5.214-18.448-11.756-26.406-18.904"/></svg>
React
import type { SVGProps } from "react";
export function IonServer(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M125.295 40.728C159.804 25.158 206.27 16 256.5 16s96.466 9.159 130.748 24.748C420.143 55.706 448 80 448 112v.03c-.011 5.533-3.098 13.89-12.295 24.22c-8.995 10.102-22.617 20.658-40.273 30.264C360.162 185.702 310.794 200 256 200s-104.162-14.298-139.432-33.486c-17.656-9.606-31.278-20.162-40.273-30.264C67.081 125.901 64 117.532 64 112c0-32.428 28.246-56.36 61.295-71.272"/><path fill="currentColor" d="M410.724 194.623c9.586-5.214 18.448-11.755 26.406-18.904c4.054-3.642 10.87-.89 10.87 4.56V258c0 5.532-3.081 11.901-12.295 22.25c-8.995 10.102-22.617 20.658-40.273 30.264C360.162 329.702 310.794 344 256 344s-104.162-14.298-139.432-33.486c-17.656-9.606-31.278-20.162-40.273-30.264C67.081 269.901 64 263.532 64 258v-77.721c0-5.45 6.816-8.202 10.87-4.56c7.958 7.148 16.82 13.69 26.406 18.904C141.286 216.39 195.918 232 256 232s114.714-15.61 154.724-37.377"/><path fill="currentColor" d="M74.87 319.719c-4.054-3.642-10.87-.89-10.87 4.56V400c0 32.224 28.004 56.169 60.928 71.134C159.297 486.756 205.653 496 256 496s96.703-9.244 131.072-24.866C419.996 456.169 448 432.224 448 400v-75.721c0-5.45-6.816-8.202-10.87-4.56c-7.958 7.148-16.82 13.69-26.406 18.904C370.714 360.39 316.082 376 256 376s-114.714-15.61-154.724-37.377c-9.586-5.214-18.448-11.756-26.406-18.904"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M125.295 40.728C159.804 25.158 206.27 16 256.5 16s96.466 9.159 130.748 24.748C420.143 55.706 448 80 448 112v.03c-.011 5.533-3.098 13.89-12.295 24.22c-8.995 10.102-22.617 20.658-40.273 30.264C360.162 185.702 310.794 200 256 200s-104.162-14.298-139.432-33.486c-17.656-9.606-31.278-20.162-40.273-30.264C67.081 125.901 64 117.532 64 112c0-32.428 28.246-56.36 61.295-71.272"/><path fill="currentColor" d="M410.724 194.623c9.586-5.214 18.448-11.755 26.406-18.904c4.054-3.642 10.87-.89 10.87 4.56V258c0 5.532-3.081 11.901-12.295 22.25c-8.995 10.102-22.617 20.658-40.273 30.264C360.162 329.702 310.794 344 256 344s-104.162-14.298-139.432-33.486c-17.656-9.606-31.278-20.162-40.273-30.264C67.081 269.901 64 263.532 64 258v-77.721c0-5.45 6.816-8.202 10.87-4.56c7.958 7.148 16.82 13.69 26.406 18.904C141.286 216.39 195.918 232 256 232s114.714-15.61 154.724-37.377"/><path fill="currentColor" d="M74.87 319.719c-4.054-3.642-10.87-.89-10.87 4.56V400c0 32.224 28.004 56.169 60.928 71.134C159.297 486.756 205.653 496 256 496s96.703-9.244 131.072-24.866C419.996 456.169 448 432.224 448 400v-75.721c0-5.45-6.816-8.202-10.87-4.56c-7.958 7.148-16.82 13.69-26.406 18.904C370.714 360.39 316.082 376 256 376s-114.714-15.61-154.724-37.377c-9.586-5.214-18.448-11.756-26.406-18.904"/></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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M125.295%2040.728C159.804%2025.158%20206.27%2016%20256.5%2016s96.466%209.159%20130.748%2024.748C420.143%2055.706%20448%2080%20448%20112v.03c-.011%205.533-3.098%2013.89-12.295%2024.22c-8.995%2010.102-22.617%2020.658-40.273%2030.264C360.162%20185.702%20310.794%20200%20256%20200s-104.162-14.298-139.432-33.486c-17.656-9.606-31.278-20.162-40.273-30.264C67.081%20125.901%2064%20117.532%2064%20112c0-32.428%2028.246-56.36%2061.295-71.272%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M410.724%20194.623c9.586-5.214%2018.448-11.755%2026.406-18.904c4.054-3.642%2010.87-.89%2010.87%204.56V258c0%205.532-3.081%2011.901-12.295%2022.25c-8.995%2010.102-22.617%2020.658-40.273%2030.264C360.162%20329.702%20310.794%20344%20256%20344s-104.162-14.298-139.432-33.486c-17.656-9.606-31.278-20.162-40.273-30.264C67.081%20269.901%2064%20263.532%2064%20258v-77.721c0-5.45%206.816-8.202%2010.87-4.56c7.958%207.148%2016.82%2013.69%2026.406%2018.904C141.286%20216.39%20195.918%20232%20256%20232s114.714-15.61%20154.724-37.377%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M74.87%20319.719c-4.054-3.642-10.87-.89-10.87%204.56V400c0%2032.224%2028.004%2056.169%2060.928%2071.134C159.297%20486.756%20205.653%20496%20256%20496s96.703-9.244%20131.072-24.866C419.996%20456.169%20448%20432.224%20448%20400v-75.721c0-5.45-6.816-8.202-10.87-4.56c-7.958%207.148-16.82%2013.69-26.406%2018.904C370.714%20360.39%20316.082%20376%20256%20376s-114.714-15.61-154.724-37.377c-9.586-5.214-18.448-11.756-26.406-18.904%22%2F%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M125.295%2040.728C159.804%2025.158%20206.27%2016%20256.5%2016s96.466%209.159%20130.748%2024.748C420.143%2055.706%20448%2080%20448%20112v.03c-.011%205.533-3.098%2013.89-12.295%2024.22c-8.995%2010.102-22.617%2020.658-40.273%2030.264C360.162%20185.702%20310.794%20200%20256%20200s-104.162-14.298-139.432-33.486c-17.656-9.606-31.278-20.162-40.273-30.264C67.081%20125.901%2064%20117.532%2064%20112c0-32.428%2028.246-56.36%2061.295-71.272%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M410.724%20194.623c9.586-5.214%2018.448-11.755%2026.406-18.904c4.054-3.642%2010.87-.89%2010.87%204.56V258c0%205.532-3.081%2011.901-12.295%2022.25c-8.995%2010.102-22.617%2020.658-40.273%2030.264C360.162%20329.702%20310.794%20344%20256%20344s-104.162-14.298-139.432-33.486c-17.656-9.606-31.278-20.162-40.273-30.264C67.081%20269.901%2064%20263.532%2064%20258v-77.721c0-5.45%206.816-8.202%2010.87-4.56c7.958%207.148%2016.82%2013.69%2026.406%2018.904C141.286%20216.39%20195.918%20232%20256%20232s114.714-15.61%20154.724-37.377%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M74.87%20319.719c-4.054-3.642-10.87-.89-10.87%204.56V400c0%2032.224%2028.004%2056.169%2060.928%2071.134C159.297%20486.756%20205.653%20496%20256%20496s96.703-9.244%20131.072-24.866C419.996%20456.169%20448%20432.224%20448%20400v-75.721c0-5.45-6.816-8.202-10.87-4.56c-7.958%207.148-16.82%2013.69-26.406%2018.904C370.714%20360.39%20316.082%20376%20256%20376s-114.714-15.61-154.724-37.377c-9.586-5.214-18.448-11.756-26.406-18.904%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/server.svg?color=%231a73e8&size=48
