Classi Home Icon
Free SVG icon from the Arcticons collection. Download or copy for use in any project.
The Classi Home icon is commonly used in navigation bars, dashboards and breadcrumbs. Available as a free SVG - copy the code or download directly.
img tag
<img src="https://proicons.com/icon/338334.svg" alt="Classi Home icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/338334.svg" alt="Classi Home icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/338334.svg" alt="Classi Home icon" :width="24" :height="24" />
CSS background
.icon-classi-home {
background-image: url('https://proicons.com/icon/338334.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>.f{fill:#fff;}.g{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;}</style></defs><rect class="g" x="5.5" y="5.5" width="37" height="37" rx="4" ry="4"/><path class="g" d="M25.027,33.309v-5.4755l2.8464,5.4815,2.8464-5.4732v5.4732"/><line class="g" x1="11.383" y1="27.833" x2="11.383" y2="33.315"/><line class="g" x1="15.155" y1="27.833" x2="15.155" y2="33.315"/><line class="g" x1="11.383" y1="30.564" x2="15.155" y2="30.564"/><line class="g" x1="33.77" y1="30.574" x2="35.628" y2="30.574"/><path class="g" d="M36.617,33.315h-2.8464v-5.4815h2.8464"/><path class="g" d="M20.0907,27.833h0c1.0414,0,1.8857.813,1.8857,1.8158v1.8499c0,1.0028-.8443,1.8158-1.8857,1.8158h0c-1.0414,0-1.8857-.813-1.8857-1.8158v-1.8499c0-1.0028.8443-1.8158,1.8857-1.8158Z"/><path class="g" d="M26.247,22.779c.3903.3286.8116.4792,1.758.4792h.4795c.7804,0,1.413-.6357,1.413-1.4199s-.6326-1.4199-1.413-1.4199h-.9591c-.7804,0-1.413-.6357-1.413-1.4199s.6326-1.4199,1.413-1.4199h.4795c.9463,0,1.3677.1506,1.758.4792"/><path class="g" d="M31.999,22.779c.3903.3286.8116.4792,1.758.4792h.4795c.7804,0,1.413-.6357,1.413-1.4199s-.6326-1.4199-1.413-1.4199h-.9591c-.7804,0-1.413-.6357-1.413-1.4199s.6326-1.4199,1.413-1.4199h.4795c.9463,0,1.3677.1506,1.758.4792"/><path class="g" d="M16.515,14.685v7.5014c0,.5919.4785,1.0716,1.0687,1.0716h.3206"/><path class="g" d="M24.146,21.115c0,1.1837-.957,2.1433-2.1375,2.1433s-2.1375-.9595-2.1375-2.1433v-1.3931c0-1.1837.957-2.1433,2.1375-2.1433s2.1375.9595,2.1375,2.1433"/><line class="g" x1="24.146" y1="23.258" x2="24.146" y2="17.579"/><path class="g" d="M14.548,20.383v.0352c0,1.5684-1.268,2.8398-2.8322,2.8398s-2.8322-1.2714-2.8322-2.8398v-2.8934c0-1.5684,1.268-2.8398,2.8322-2.8398s2.8322,1.2714,2.8322,2.8398v.0352"/><circle class="f" cx="38.366" cy="14.953" r=".75"/><path class="g" d="M39.116,23.258c-.4641-.268-.75-.7631-.75-1.299,0,.5359-.2859,1.0311-.75,1.299"/><path class="g" d="M38.366,21.959v-4.3806"/></svg>
Copied!