Color

Advanced editing in SVG Editor

IcoFont

Id Icon

Free SVG icon from the IcoFont collection. Download or copy for use in any project.

Download SVG

Collection: IcoFont
Format: SVG, Font, PNG
License: CC BY 4.0 - Free for commercial use
Tags: id

The Id icon is available as a free SVG and is ready to drop into any web or app project.

img tag

<img src="https://proicons.com/icon/305886.svg" alt="Id icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/305886.svg" alt="Id icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/305886.svg"
  alt="Id icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-id {
  background-image: url('https://proicons.com/icon/305886.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

SVG markup

<svg width="64" height="64" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M905 259H596v-32c0-53-43-96-96-96s-96 43-96 96v32H95c-18 0-32 14-32 32v546c0 18 14 33 32 33h810c18 0 33-15 33-33V291c0-18-15-32-33-32zm-456-39c0-28 23-50 51-50s51 22 51 50v37H449v-37zm446 578c0 18-15 33-33 33H138c-18 0-33-15-33-33V330c0-18 15-33 33-33h724c18 0 33 15 33 33v468zM270 535c33 0 61-28 61-62s-28-61-61-61c-34 0-61 28-61 61 0 34 27 62 61 62zm0 16c-53 0-96 43-96 96v69h192v-69c0-53-43-96-96-96zm203-139h353v39H473v-39zm0 133h353v38H473v-38zm0 132h353v39H473v-39z"/></svg>

Id in other icon packs

Carbon Icons

Hugeicons

Charm Icons

Copied!

Id Icon

More from IcoFont

Id in other icon packs