Иконка House Cog Sharp Fill

keyline-icons:house-cog-sharp-fill

Иконка House Cog Sharp Fill (keyline-icons:house-cog-sharp-fill) — бесплатная SVG-иконка из набора Keyline Icons. Она нарисована на сетке 24 × 24. Keyline Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Keyline Icons
Автор: Keyline Icons
Лицензия: MIT
Размер: 24 × 24
Теги: housecog, cogsharp, sharpfill, housecogsharpfill

Скачать SVG

Код SVG

<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>

Как использовать иконку House Cog Sharp Fill

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>

Веб-компонент

<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

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

Вопросы и ответы: Иконка House Cog Sharp Fill

Можно ли бесплатно использовать иконку House Cog Sharp Fill в коммерческих проектах?

Да. Keyline Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку House Cog Sharp Fill в React?

Установите @iconify/react и выведите <Icon icon="keyline-icons:house-cog-sharp-fill" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку House Cog Sharp Fill на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/keyline-icons/house-cog-sharp-fill.svg" alt="Иконка House Cog Sharp Fill">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Keyline Icons →