server-tag icon

Server tag: resource tags, server tags, host tags. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M1.293 6.707C1.098 6.512 1 6.276 1 6L1 3C1 2.724 1.098 2.488 1.293 2.293C1.488 2.098 1.724 2 2 2L14 2C14.276 2 14.512 2.098 14.707 2.293C14.902 2.488 15 2.724 15 3L15 6C15 6.276 14.902 6.512 14.707 6.707C14.512 6.902 14.276 7 14 7L13.5 7C13.359 7 13.241 6.952 13.144 6.856C13.048 6.759 13 6.641 13 6.5C13 6.359 13.048 6.241 13.144 6.144C13.241 6.048 13.359 6 13.5 6L14 6L14 3L2 3L2 6L5.5 6C5.641 6 5.759 6.048 5.856 6.144C5.952 6.241 6 6.359 6 6.5C6 6.641 5.952 6.759 5.856 6.856C5.759 6.952 5.641 7 5.5 7L2 7C1.724 7 1.488 6.902 1.293 6.707ZM4.5 4C4.641 4 4.759 4.048 4.856 4.144C4.952 4.241 5 4.359 5 4.5C5 4.641 4.952 4.759 4.856 4.856C4.759 4.952 4.641 5 4.5 5L3.5 5C3.359 5 3.241 4.952 3.144 4.856C3.048 4.759 3 4.641 3 4.5C3 4.359 3.048 4.241 3.144 4.144C3.241 4.048 3.359 4 3.5 4L4.5 4ZM15.586 11.5C15.586 11.776 15.488 12.012 15.293 12.207L12.207 15.293C12.012 15.488 11.776 15.586 11.5 15.586C11.224 15.586 10.988 15.488 10.793 15.293L7.293 11.793C7.098 11.598 7 11.362 7 11.086L7 8C7 7.724 7.098 7.488 7.293 7.293C7.488 7.098 7.724 7 8 7L11.086 7C11.362 7 11.598 7.098 11.793 7.293L15.293 10.793C15.488 10.988 15.586 11.224 15.586 11.5ZM1.293 9.293C1.488 9.098 1.724 9 2 9L4.5 9C4.641 9 4.759 9.048 4.856 9.144C4.952 9.241 5 9.359 5 9.5C5 9.641 4.952 9.759 4.856 9.856C4.759 9.952 4.641 10 4.5 10L2 10L2 13L6.5 13C6.641 13 6.759 13.048 6.856 13.144C6.952 13.241 7 13.359 7 13.5C7 13.641 6.952 13.759 6.856 13.856C6.759 13.952 6.641 14 6.5 14L2 14C1.724 14 1.488 13.902 1.293 13.707C1.098 13.512 1 13.276 1 13L1 10C1 9.724 1.098 9.488 1.293 9.293ZM10 11C10.552 11 11 10.552 11 10C11 9.448 10.552 9 10 9C9.448 9 9 9.448 9 10C9 10.552 9.448 11 10 11ZM3.5 11L4.5 11C4.641 11 4.759 11.048 4.856 11.144C4.952 11.241 5 11.359 5 11.5C5 11.641 4.952 11.759 4.856 11.856C4.759 11.952 4.641 12 4.5 12L3.5 12C3.359 12 3.241 11.952 3.144 11.856C3.048 11.759 3 11.641 3 11.5C3 11.359 3.048 11.241 3.144 11.144C3.241 11.048 3.359 11 3.5 11Z"/></svg>

React

// Gentleface "server-tag" (line-round), MIT. https://gentleface.com/icons/server-tag
import type { SVGProps } from 'react';

export function ServerTagIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M1.293 6.707C1.098 6.512 1 6.276 1 6L1 3C1 2.724 1.098 2.488 1.293 2.293C1.488 2.098 1.724 2 2 2L14 2C14.276 2 14.512 2.098 14.707 2.293C14.902 2.488 15 2.724 15 3L15 6C15 6.276 14.902 6.512 14.707 6.707C14.512 6.902 14.276 7 14 7L13.5 7C13.359 7 13.241 6.952 13.144 6.856C13.048 6.759 13 6.641 13 6.5C13 6.359 13.048 6.241 13.144 6.144C13.241 6.048 13.359 6 13.5 6L14 6L14 3L2 3L2 6L5.5 6C5.641 6 5.759 6.048 5.856 6.144C5.952 6.241 6 6.359 6 6.5C6 6.641 5.952 6.759 5.856 6.856C5.759 6.952 5.641 7 5.5 7L2 7C1.724 7 1.488 6.902 1.293 6.707ZM4.5 4C4.641 4 4.759 4.048 4.856 4.144C4.952 4.241 5 4.359 5 4.5C5 4.641 4.952 4.759 4.856 4.856C4.759 4.952 4.641 5 4.5 5L3.5 5C3.359 5 3.241 4.952 3.144 4.856C3.048 4.759 3 4.641 3 4.5C3 4.359 3.048 4.241 3.144 4.144C3.241 4.048 3.359 4 3.5 4L4.5 4ZM15.586 11.5C15.586 11.776 15.488 12.012 15.293 12.207L12.207 15.293C12.012 15.488 11.776 15.586 11.5 15.586C11.224 15.586 10.988 15.488 10.793 15.293L7.293 11.793C7.098 11.598 7 11.362 7 11.086L7 8C7 7.724 7.098 7.488 7.293 7.293C7.488 7.098 7.724 7 8 7L11.086 7C11.362 7 11.598 7.098 11.793 7.293L15.293 10.793C15.488 10.988 15.586 11.224 15.586 11.5ZM1.293 9.293C1.488 9.098 1.724 9 2 9L4.5 9C4.641 9 4.759 9.048 4.856 9.144C4.952 9.241 5 9.359 5 9.5C5 9.641 4.952 9.759 4.856 9.856C4.759 9.952 4.641 10 4.5 10L2 10L2 13L6.5 13C6.641 13 6.759 13.048 6.856 13.144C6.952 13.241 7 13.359 7 13.5C7 13.641 6.952 13.759 6.856 13.856C6.759 13.952 6.641 14 6.5 14L2 14C1.724 14 1.488 13.902 1.293 13.707C1.098 13.512 1 13.276 1 13L1 10C1 9.724 1.098 9.488 1.293 9.293ZM10 11C10.552 11 11 10.552 11 10C11 9.448 10.552 9 10 9C9.448 9 9 9.448 9 10C9 10.552 9.448 11 10 11ZM3.5 11L4.5 11C4.641 11 4.759 11.048 4.856 11.144C4.952 11.241 5 11.359 5 11.5C5 11.641 4.952 11.759 4.856 11.856C4.759 11.952 4.641 12 4.5 12L3.5 12C3.359 12 3.241 11.952 3.144 11.856C3.048 11.759 3 11.641 3 11.5C3 11.359 3.048 11.241 3.144 11.144C3.241 11.048 3.359 11 3.5 11Z" />
    </svg>
  );
}

Vue

Vue: see /icons/server-tag.md

Svelte

Svelte: see /icons/server-tag.md

HTML img

HTML img: see /icons/server-tag.md

CSS

CSS: see /icons/server-tag.md

Data URL

Data URL: see /icons/server-tag.md

Sprite

Sprite: see /icons/server-tag.md

SwiftUI

SwiftUI: see /icons/server-tag.md

Compose

Compose: see /icons/server-tag.md

Android XML

Android XML: see /icons/server-tag.md

Flutter

Flutter: see /icons/server-tag.md

Each icon is drawn on the 16 px grid, and most also on the 20 and 24 px grids (at 24 in three weights: light 1 px, regular 1.5 px, bold 2 px). Show the drawing made for your size, or an exact multiple of it, on whole pixels: 16 for 16 and 32 px, 20 for 20 and 40, 24 for 24 and 48. A size in between or a fractional position blurs it. The code on each icon page is the 16 px drawing, an SVG with fill="currentColor"; the icon page's downloads follow its Grid switch, and npm has the 20 and 24 px drawings too. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

With npm: import { ServerTagIcon } from '@gentleface/react'; (setup).

Meaning

Use it for

resource tags, server tags, host tags

Example

Tag hosts and resources in a cloud console

Built from

server + tag

Tags

hardware, rack, hosting, backend, infrastructure, datacenter, tag

Category

Development

Component name

ServerTagIcon

History

2026-11-07 added, released in 0.5.0

Since

version 0.5.0

Family 18

server server-alert server-arrow-down server-arrow-up server-check server-clock server-cloud server-gear server-link server-off server-play server-plus

More development icons

api api-gateway api-letters api-off api-sparkle binary braces brackets bug bug-check bug-off bug-play bug-plus code code-alert code-block · all development icons

For agents

Metadata: /icons/server-tag.json · Markdown: /icons/server-tag.md · SVG: https://gentleface.com/svg/{style}/16/server-tag.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/server-tag.png

server-tag icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp