Icône House Cog Sharp Fill

keyline-icons:house-cog-sharp-fill

L'icône House Cog Sharp Fill (keyline-icons:house-cog-sharp-fill) est une icône SVG gratuite de la collection Keyline Icons. Elle est dessinée sur une grille de 24 × 24. Les Keyline Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection: Keyline Icons
Auteur: Keyline Icons
Licence: MIT
Taille: 24 × 24
Mots-clés: housecog, cogsharp, sharpfill, housecogsharpfill

Télécharger le SVG

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

Comment utiliser l'icône 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>

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>

Image HTML

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

Icônes similaires dans Keyline Icons

FAQ : Icône House Cog Sharp Fill

L'icône House Cog Sharp Fill est-elle gratuite pour un usage commercial ?

Oui. Les Keyline Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône House Cog Sharp Fill dans React ?

Installez @iconify/react et affichez <Icon icon="keyline-icons:house-cog-sharp-fill" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône House Cog Sharp Fill à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/keyline-icons/house-cog-sharp-fill.svg" alt="Icône House Cog Sharp Fill">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Keyline Icons →