server icon
server-sharp from IonIcons by Ben Sperry · Sharp · MIT Free for personal and commercial use.
- Name
- server-sharp
- Set
- IonIcons
- Style
- Sharp
- Viewbox
- 512×512
- License
- MIT
2 other variants in IonIcons
The same icon in other sets
serverBootstrap IconsserverBoxIcons v2serverBoxIcons v2 SolidserverFont Awesome 6 SolidserverFeather Iconsserver-12-filledFluent UI System Iconsservercss.ggserverHeroIconsserverHuge IconsserverHumbleiconsserverIconoirserverLine AwesomeserverLucideserverMage IconsserverMajesticonsserverMaterial Design Iconsserver-fillMingCute IconserverOcticonsserverPixelarticonsserverRadix Iconsserver-fillRemix Iconserver-boldSolarserverTabler IconsserverUnicons
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.623c14.213-7.731 26.834-18.379 37.276-29.599V258c0 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-92.976c10.442 11.22 23.063 21.868 37.276 29.599C141.286 216.39 195.918 232 256 232s114.714-15.61 154.724-37.377"/><path fill="currentColor" d="M64 309.024V400c0 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-90.976c-10.442 11.22-23.063 21.868-37.276 29.599C370.714 360.39 316.082 376 256 376s-114.714-15.61-154.724-37.377C87.063 330.892 74.442 320.244 64 309.024"/></svg>
React
import type { SVGProps } from "react";
export function IonServerSharp(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.623c14.213-7.731 26.834-18.379 37.276-29.599V258c0 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-92.976c10.442 11.22 23.063 21.868 37.276 29.599C141.286 216.39 195.918 232 256 232s114.714-15.61 154.724-37.377"/><path fill="currentColor" d="M64 309.024V400c0 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-90.976c-10.442 11.22-23.063 21.868-37.276 29.599C370.714 360.39 316.082 376 256 376s-114.714-15.61-154.724-37.377C87.063 330.892 74.442 320.244 64 309.024"/></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.623c14.213-7.731 26.834-18.379 37.276-29.599V258c0 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-92.976c10.442 11.22 23.063 21.868 37.276 29.599C141.286 216.39 195.918 232 256 232s114.714-15.61 154.724-37.377"/><path fill="currentColor" d="M64 309.024V400c0 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-90.976c-10.442 11.22-23.063 21.868-37.276 29.599C370.714 360.39 316.082 376 256 376s-114.714-15.61-154.724-37.377C87.063 330.892 74.442 320.244 64 309.024"/></svg> </template>
CSS
.icon-server-sharp {
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.623c14.213-7.731%2026.834-18.379%2037.276-29.599V258c0%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-92.976c10.442%2011.22%2023.063%2021.868%2037.276%2029.599C141.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%22M64%20309.024V400c0%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-90.976c-10.442%2011.22-23.063%2021.868-37.276%2029.599C370.714%20360.39%20316.082%20376%20256%20376s-114.714-15.61-154.724-37.377C87.063%20330.892%2074.442%20320.244%2064%20309.024%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.623c14.213-7.731%2026.834-18.379%2037.276-29.599V258c0%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-92.976c10.442%2011.22%2023.063%2021.868%2037.276%2029.599C141.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%22M64%20309.024V400c0%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-90.976c-10.442%2011.22-23.063%2021.868-37.276%2029.599C370.714%20360.39%20316.082%20376%20256%20376s-114.714-15.61-154.724-37.377C87.063%20330.892%2074.442%20320.244%2064%20309.024%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/server-sharp.svg?color=%231a73e8&size=48
