House Linear icon
solar:house-linear
The House Linear icon (solar:house-linear) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Solar
- Author
- 480 Design
- License
- CC-BY-4.0
- Size
- 24 × 24
- Category
- Building
- Tags
- houselinear
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" d="M22 22L2 22"/><path stroke-linecap="round" d="M2 11L10.1259 4.49931C11.2216 3.62279 12.7784 3.62279 13.8741 4.49931L22 11"/><path stroke-linecap="round" d="M15.5 5.5V3.5C15.5 3.22386 15.7239 3 16 3H18.5C18.7761 3 19 3.22386 19 3.5V8.5"/><path stroke-linecap="round" d="M4 22V9.5"/><path stroke-linecap="round" d="M20 22V9.5"/><path d="M15 22V17C15 15.5858 15 14.8787 14.5607 14.4393C14.1213 14 13.4142 14 12 14C10.5858 14 9.87868 14 9.43934 14.4393C9 14.8787 9 15.5858 9 17V22"/><path d="M14 9.5C14 10.6046 13.1046 11.5 12 11.5C10.8954 11.5 10 10.6046 10 9.5C10 8.39543 10.8954 7.5 12 7.5C13.1046 7.5 14 8.39543 14 9.5Z"/></g></svg>How to use the House Linear icon
React
import { Icon } from "@iconify/react";
<Icon icon="solar:house-linear" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:house-linear" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:house-linear" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--house-linear]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:house-linear"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:house-linear"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/solar/house-linear.svg" alt="House Linear icon" width="24" height="24">Related icons in Solar
House Linear icon FAQ
Is the House Linear icon free for commercial use?
Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the House Linear icon in React?
Install @iconify/react and render <Icon icon="solar:house-linear" />, or use “Copy code” on this page to get a standalone React component.
How do I add the House Linear icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/house-linear.svg" alt="House Linear icon">, or paste the SVG code inline to style it with CSS.