Hinge Icon

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

Download SVG

Collection: Arcticons
Format: SVG, PNG
License: CC BY-SA 4.0 - Free for commercial use
Tags: hinge

The Hinge 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/327044.svg" alt="Hinge icon" width="24" height="24">

React JSX

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

Vue template

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

CSS background

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

SVG markup

<?xml version="1.0" encoding="UTF-8"?><svg id="b" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><defs><style>.g{fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;}</style></defs><path id="c" class="g" d="M38.5006,5.4992H9.4994c-2.2001,0-4.0002,1.8001-4.0002,4.0002v29.0013c0,2.2001,1.8001,4.0002,4.0002,4.0002h29.0013c2.2001,0,4.0002-1.8001,4.0002-4.0002V9.4994c0-2.2001-1.8001-4.0002-4.0002-4.0002Z"/><path id="d" class="g" d="M14.5044,11.5v25"/><path id="e" class="g" d="M30.2468,11.5v25"/><path id="f" class="g" d="M14.5044,28.3179c2.9111-5.7495,5.5892-4.886,15.7424-4.8971,4.3534-.0048,6.0193-.4551,7.8488-3.2871"/></svg>

Copied!

Hinge Icon

More from Arcticons