Sun Dim Sharp アイコン

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

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

keyline-icons:sun-dim-sharp

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

アイコンセット: Keyline Icons
作者: Keyline Icons
ライセンス: MIT
サイズ: 24 × 24
タグ: sundim、dimsharp、sundimsharp

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path d="M16.5 12C16.5 14.4853 14.4853 16.5 12 16.5C9.5147 16.5 7.5 14.4853 7.5 12C7.5 9.5147 9.5147 7.5 12 7.5C14.4853 7.5 16.5 9.5147 16.5 12Z"/><path fill="currentColor" d="M21.5 12C21.5 12.5523 21.0523 13 20.5 13C19.9477 13 19.5 12.5523 19.5 12C19.5 11.4477 19.9477 11 20.5 11C21.0523 11 21.5 11.4477 21.5 12ZM19.0104 18.0104C19.0104 18.5627 18.5627 19.0104 18.0104 19.0104C17.4581 19.0104 17.0104 18.5627 17.0104 18.0104C17.0104 17.4581 17.4581 17.0104 18.0104 17.0104C18.5627 17.0104 19.0104 17.4581 19.0104 18.0104ZM13 20.5C13 21.0523 12.5523 21.5 12 21.5C11.4477 21.5 11 21.0523 11 20.5C11 19.9477 11.4477 19.5 12 19.5C12.5523 19.5 13 19.9477 13 20.5ZM6.9896 18.0104C6.9896 18.5627 6.5419 19.0104 5.9896 19.0104C5.4373 19.0104 4.9896 18.5627 4.9896 18.0104C4.9896 17.4581 5.4373 17.0104 5.9896 17.0104C6.5419 17.0104 6.9896 17.4581 6.9896 18.0104ZM4.5 12C4.5 12.5523 4.0523 13 3.5 13C2.9477 13 2.5 12.5523 2.5 12C2.5 11.4477 2.9477 11 3.5 11C4.0523 11 4.5 11.4477 4.5 12ZM6.9896 5.9896C6.9896 6.5419 6.5419 6.9896 5.9896 6.9896C5.4373 6.9896 4.9896 6.5419 4.9896 5.9896C4.9896 5.4373 5.4373 4.9896 5.9896 4.9896C6.5419 4.9896 6.9896 5.4373 6.9896 5.9896ZM13 3.5C13 4.0523 12.5523 4.5 12 4.5C11.4477 4.5 11 4.0523 11 3.5C11 2.9477 11.4477 2.5 12 2.5C12.5523 2.5 13 2.9477 13 3.5ZM19.0104 5.9896C19.0104 6.5419 18.5627 6.9896 18.0104 6.9896C17.4581 6.9896 17.0104 6.5419 17.0104 5.9896C17.0104 5.4373 17.4581 4.9896 18.0104 4.9896C18.5627 4.9896 19.0104 5.4373 19.0104 5.9896Z" stroke="none"/></g></svg>

Sun Dim Sharp アイコンの使い方

React

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

<Icon icon="keyline-icons:sun-dim-sharp" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:sun-dim-sharp" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:sun-dim-sharp" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="keyline-icons:sun-dim-sharp"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/keyline-icons/sun-dim-sharp.svg" alt="Sun Dim Sharp アイコン" width="24" height="24">

Keyline Icons の関連アイコン

Sun Dim Sharp アイコンのよくある質問

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

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

React で Sun Dim Sharp アイコンを使うには?

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

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

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

Keyline Icons をすべて見る →