Settings Sharp Fill アイコン

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

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

keyline-icons:settings-sharp-fill

Settings Sharp Fill アイコン(keyline-icons:settings-sharp-fill)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Keyline Icons
作者: Keyline Icons
ライセンス: MIT
サイズ: 24 × 24
タグ: settingssharp、sharpfill、settingssharpfill、setting

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M15.2637 5.2003L16.5969 3.868C16.9875 3.4777 17.6205 3.4778 18.0109 3.8682L20.1319 5.9892C20.5225 6.3798 20.5224 7.0131 20.1317 7.4036L18.7991 8.7356C18.7229 8.8118 18.7349 8.6936 18.8148 8.8674C18.8915 9.0342 18.9695 9.2224 19.0337 9.3961C19.0999 9.5752 19.0077 9.5 19.1155 9.5L21 9.5C21.5523 9.5 22 9.9477 22 10.5L22 13.5C22 14.0523 21.5523 14.5 21 14.5L19.1155 14.5C19.0077 14.5 19.0997 14.425 19.0334 14.6042C18.9692 14.7775 18.8914 14.9654 18.8145 15.1324C18.7348 15.3057 18.7227 15.1874 18.7989 15.2636L20.1319 16.5966C20.5224 16.9871 20.5224 17.6203 20.1319 18.0108L18.0108 20.1319C17.6203 20.5224 16.9871 20.5224 16.5966 20.1319L15.2636 18.7989C15.1874 18.7227 15.3053 18.7347 15.1314 18.8146C14.965 18.8911 14.7769 18.969 14.6034 19.033C14.4248 19.099 14.5 19.0067 14.5 19.1145L14.5 21C14.5 21.5523 14.0523 22 13.5 22L10.5 22C9.9477 22 9.5 21.5523 9.5 21L9.5 19.1145C9.5 19.0067 9.5754 19.0992 9.3967 19.0333C9.2231 18.9692 9.0349 18.8914 8.8679 18.8147C8.694 18.7349 8.8118 18.7229 8.7356 18.7991L7.4036 20.1317C7.0131 20.5224 6.3798 20.5225 5.9892 20.1319L3.8682 18.0109C3.4778 17.6205 3.4777 16.9875 3.868 16.5969L5.2003 15.2637C5.2765 15.1875 5.2644 15.3055 5.1846 15.1319C5.1081 14.9651 5.0303 14.7773 4.9661 14.6038C4.9 14.4248 4.9923 14.5 4.8845 14.5L3 14.5C2.4477 14.5 2 14.0523 2 13.5L2 10.5C2 9.9477 2.4477 9.5 3 9.5L4.8845 9.5C4.9923 9.5 4.8999 9.5753 4.9659 9.3966C5.0299 9.2233 5.1077 9.0347 5.1848 8.8672C5.2643 8.6939 5.2763 8.8116 5.2001 8.7354L3.8681 7.4034C3.4776 7.0129 3.4776 6.3797 3.8681 5.9892L5.9892 3.8681C6.3797 3.4776 7.0129 3.4776 7.4034 3.8681L8.7354 5.2001C8.8116 5.2763 8.6939 5.2643 8.868 5.1844C9.0347 5.1077 9.2233 5.0299 9.3966 4.9659C9.5753 4.8999 9.5 4.9923 9.5 4.8845L9.5 3C9.5 2.4477 9.9477 2 10.5 2L13.5 2C14.0523 2 14.5 2.4477 14.5 3L14.5 4.8845C14.5 4.9923 14.4248 4.9 14.6036 4.9661C14.7773 5.0303 14.9651 5.1081 15.1316 5.1845C15.3055 5.2644 15.1875 5.2765 15.2637 5.2003ZM12 8.5C10.2051 8.5 8.5 10.2051 8.5 12C8.5 13.7949 10.2051 15.5 12 15.5C13.7949 15.5 15.5 13.7949 15.5 12C15.5 10.2051 13.7949 8.5 12 8.5Z"/></svg>

Settings Sharp Fill アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:settings-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:settings-sharp-fill"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/keyline-icons/settings-sharp-fill.svg" alt="Settings Sharp Fill アイコン" width="24" height="24">

Keyline Icons の関連アイコン

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

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

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

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

@iconify/react をインストールして <Icon icon="keyline-icons:settings-sharp-fill" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Settings Sharp Fill アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/keyline-icons/settings-sharp-fill.svg" alt="Settings Sharp Fill アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Keyline Icons をすべて見る →