House Cog Sharp Fill icon

keyline-icons:house-cog-sharp-fill

The House Cog Sharp Fill icon (keyline-icons:house-cog-sharp-fill) is a free SVG icon from the Keyline Icons set. It is drawn on a 24 × 24 grid. Keyline Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Keyline Icons
Author: Keyline Icons
License: MIT
Size: 24 × 24
Tags: housecog, cogsharp, sharpfill, housecogsharpfill

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 11.5001C12.8284 11.5001 13.5 12.1717 13.5 13.0001C13.4999 13.8284 12.8283 14.5001 12 14.5001C11.1716 14.5001 10.5001 13.8284 10.5 13.0001C10.5 12.1717 11.1716 11.5001 12 11.5001ZM11.3857 2.20711C11.7469 1.92603 12.253 1.92603 12.6142 2.20711L23 10.2891L21.7714 11.8673L21 11.2667V21.0001C20.9998 21.5522 20.5521 22.0001 20 22.0001H3.99996C3.44781 22.0001 3.00014 21.5522 2.99996 21.0001V11.2667L2.22848 11.8673L0.999962 10.2891L11.3857 2.20711ZM11 8.25007V9.64558C10.7673 9.71485 10.5446 9.80737 10.3349 9.92097L9.34859 8.93464L7.93453 10.3487L8.92086 11.335C8.80728 11.5447 8.71473 11.7674 8.64547 12.0001H7.24996V14.0001H8.64547C8.71466 14.2325 8.80745 14.4547 8.92086 14.6641L7.93453 15.6514L9.34859 17.0655L10.3349 16.0782C10.5446 16.1919 10.7672 16.2843 11 16.3536V17.7501H13V16.3536C13.2324 16.2844 13.4546 16.1917 13.664 16.0782L14.6513 17.0655L16.0654 15.6514L15.0781 14.6641C15.1916 14.4546 15.2852 14.2326 15.3545 14.0001H16.75V12.0001H15.3545C15.2851 11.7672 15.1918 11.5448 15.0781 11.335L16.0654 10.3487L14.6513 8.93464L13.664 9.92097C13.4546 9.80754 13.2324 9.71477 13 9.64558V8.25007H11Z" clip-rule="evenodd"/></svg>

How to use the House Cog Sharp Fill icon

React

import { Icon } from "@iconify/react";

<Icon icon="keyline-icons:house-cog-sharp-fill" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="keyline-icons:house-cog-sharp-fill" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="keyline-icons:house-cog-sharp-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--house-cog-sharp-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:house-cog-sharp-fill"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="keyline-icons:house-cog-sharp-fill"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/keyline-icons/house-cog-sharp-fill.svg" alt="House Cog Sharp Fill icon" width="24" height="24">

Related icons in Keyline Icons

House Cog Sharp Fill icon FAQ

Is the House Cog Sharp Fill icon free for commercial use?

Yes. Keyline Icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the House Cog Sharp Fill icon in React?

Install @iconify/react and render <Icon icon="keyline-icons:house-cog-sharp-fill" />, or use “Copy code” on this page to get a standalone React component.

How do I add the House Cog Sharp Fill icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/keyline-icons/house-cog-sharp-fill.svg" alt="House Cog Sharp Fill icon">, or paste the SVG code inline to style it with CSS.

Browse all Keyline Icons →