Qd Light アイコン

Q: Qd Light アイコンは商用利用でも無料ですか?

はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

selfhst:qd-light

Qd Light アイコン(selfhst:qd-light)は、selfh.st/icons セットの無料 SVG アイコンです（作者: selfh.st）。 512 × 512 のグリッドで描かれています。 selfh.st/icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: selfh.st/icons
作者: selfh.st
ライセンス: CC-BY-4.0
サイズ: 512 × 512
タグ: qdlight

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" d="M207.5 231.4c.7 10.4.4 20.8-1 31.1c-3.7 27-18.5 51.3-46.3 58.6c-10.8 2.8-21.6 3.3-32.4 1.3c-29.5-5.4-47-32.4-51.3-60.4c-1.6-10.3-1.9-20.8-1-31.5c1.7-19.4 8.3-38.1 21.9-51.9c16.5-16.8 39.8-21.5 62.3-16.2c32.9 7.6 45.8 38.6 47.8 69m230.1-22.6c-5.1-18.3-16.6-31.6-33.2-38.5c-19.4-8.1-40.5-8-61-7.8c-3.1 0-6.3.1-9.4 0c-.4 0-.6.3-.6.6v157.4c0 .5.3.8.8.8c8.6 0 17.4 0 26-.1c17.7-.1 32-3.2 43.9-9.3c25.5-13.3 38.9-39.8 37.6-74.8c-.3-10.4-1.7-20-4.1-28.3m74.4-83.9V387c0 69-55.9 124.9-124.9 124.9H124.9C55.9 512 0 456.1 0 387.1V124.9C0 55.9 55.9 0 124.9 0H387c69.1 0 125 55.9 125 124.9M260.4 318.7c-5-5.3-11.4-8.1-19.2-8.6c.7-1.4 1.5-2.9 2.2-4.5c11.2-23 14.7-48.7 13.7-74c-.4-9.5-1.6-18.8-3.6-27.7c-8.9-39.4-37.2-72.1-76.9-82.4c-13.9-3.6-28-4.5-42.4-3.7s-28.8 3.9-42.1 9.6C58.6 142 36.6 172.8 29 208.2c-2.8 13.1-3.8 26.5-3.7 39.9c.5 34.6 12.2 67 37.9 90.7c24.8 22.8 58.3 29.9 91.1 26.9c19.5-1.8 38-7.8 54.2-19c1.5-1.1 3-2.1 4.5-3.2c.9 3.3 2.2 5.9 3.9 8c6.5 8.1 15.1 11.7 25.9 10.6c7.6-.7 13.9-4 18.9-9.8c8.3-9.8 7.5-24.4-1.3-33.6m229.3-95c-1.6-19.3-6.6-36.2-14.9-50.3c-23.2-39.3-68.6-49.6-102.7-51.2c-5.6-.3-9.4-.4-11.1-.4h-69.6c-.1 0-.2 0-.3.1l-3.9 3.7c-.1.1-.2.3-.2.5v231.2c0 .3.1.6.3.8l3.8 3.6c.1.1.2.2.4.2c21.6 0 43.8 0 66-.1c21.5-.1 41.5-3.7 59.5-10.8c31.1-12.3 55.1-36.4 65.8-66.1c6.5-18.1 8.8-38.2 6.9-61.2"/><path fill="#fff" d="M213 343.4c11.9-9.4 20.7-20.3 28.2-33.4c7.8.5 14.2 3.3 19.2 8.6c8.8 9.2 9.5 23.9 1.2 33.6c-4.9 5.8-11.2 9.1-18.9 9.8c-10.8 1.1-19.5-2.5-25.9-10.6c-1.6-2-2.9-4.7-3.8-8" opacity=".25"/></svg>

Qd Light アイコンの使い方

React

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

<Icon icon="selfhst:qd-light" width="24" />

Vue

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

<template>
  <Icon icon="selfhst:qd-light" width="24" />
</template>

Svelte

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

<Icon icon="selfhst:qd-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--qd-light]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:qd-light"></div>

Web コンポーネント

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

<iconify-icon icon="selfhst:qd-light"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/selfhst/qd-light.svg" alt="Qd Light アイコン" width="24" height="24">

selfh.st/icons の関連アイコン

Qd Light アイコンのよくある質問

Qd Light アイコンは商用利用でも無料ですか?

はい。selfh.st/icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Qd Light アイコンを使うには?

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

Qd Light アイコンをウェブページに追加するには?

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

selfh.st/icons をすべて見る →