Hermit 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: hermit

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

React JSX

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

Vue template

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

CSS background

.icon-hermit {
  background-image: url('https://proicons.com/icon/326992.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="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><defs><style>.b{fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;}</style></defs><circle class="b" cx="24" cy="24" r="21.5"/><g><path class="b" d="M2.7076,21.0009c13.3663,.1109,24.1806,10.9253,24.2916,24.2915"/><path class="b" d="M2.6163,26.2503c10.5392,.0624,19.0709,8.5941,19.1333,19.1333"/><path class="b" d="M3.8691,31.5661c6.639,.6443,11.9204,5.9257,12.5648,12.5647"/></g><rect class="b" x="22.4" y="22.4" width="3.2" height="3.2"/><rect class="b" x="28.4" y="22.4" width="3.2" height="3.2"/><polyline class="b" points="22.4 31.2056 22.4 28.4 25.6 28.4 25.6 31.6 22.678 31.6"/><rect class="b" x="28.4" y="28.4" width="3.2" height="3.2"/><rect class="b" x="22.4" y="16.4" width="3.2" height="3.2"/><rect class="b" x="28.4" y="16.4" width="3.2" height="3.2"/><rect class="b" x="16.4" y="16.4" width="3.2" height="3.2"/><polyline class="b" points="16.4 25.322 16.4 22.4 19.6 22.4 19.6 25.6 16.7944 25.6"/></svg>

Copied!

Hermit Icon

More from Arcticons