House Cog Sharp Fill アイコン

Q: House Cog Sharp Fill アイコンは商用利用でも無料ですか?

はい。Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

keyline-icons:house-cog-sharp-fill

House Cog Sharp Fill アイコン(keyline-icons:house-cog-sharp-fill)は、Keyline Icons セットの無料 SVG アイコンです。 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>

Web コンポーネント

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

Keyline Icons の関連アイコン

House Cog Sharp Fill アイコンのよくある質問

House Cog Sharp Fill アイコンは商用利用でも無料ですか?

はい。Keyline Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で House Cog Sharp Fill アイコンを使うには?

@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 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Keyline Icons をすべて見る →