Apprise Light アイコン

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

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

selfhst:apprise-light

Apprise Light アイコン(selfhst:apprise-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
タグ: appriselight

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" d="M433.8 75.1C386.3 26.7 323.2 0 256 0S125.7 26.7 78.2 75.1C30.8 123.4 4.7 187.7 4.7 256s26.1 132.6 73.5 180.9C125.7 485.3 188.8 512 256 512s130.3-26.7 177.8-75.1c47.4-48.3 73.5-112.6 73.5-180.9s-26.1-132.6-73.5-180.9m-76.9 98.1c-7.4-13.4-21.5-19.8-37.8-17c-5.6.9-10.9-2.8-11.9-8.4c-.9-5.6 2.8-10.9 8.4-11.9c25-4.2 47.7 6.3 59.3 27.4c11.4 20.8 8.4 45.8-7.7 63.7c-2 2.3-4.8 3.4-7.7 3.4c-2.5 0-4.9-.9-6.9-2.6c-4.2-3.8-4.6-10.3-.8-14.5c10.3-11.3 12.2-27 5.1-40.1M113.1 365.1c-28.2 0-51.1-22.2-51.1-49.6c0-14.7 6.6-27.9 17.1-37c16.2 27.7 33.8 56.4 50.1 84.1c-5.2 1.6-10.5 2.5-16.1 2.5m121.8 54l-21.2 12.2c-7.7 4.5-17.6 1.8-22.1-5.9l-30.1-52.1l49.2-28.4l30.1 52.1c4.5 7.8 1.8 17.7-5.9 22.1M150 352.4c-16.8-29-35.8-59.7-52.6-88.7c28.8-15.5 85.8-44.5 118.5-108.4c7.2-14.1 10.9-28.8 15.7-40.9c1.5-3.9 4.7-6.9 8.7-8c1.4-.4 3.1-.6 4.9-.4c4.4.4 8.6 2.8 11 7l103.3 177.7c.2.3.3.6.5.9c4.8 9.8-3.9 21-14.7 19.3c-15.3-2.4-31.9-6.7-51.3-6.8c-69.4-.5-116.4 34.5-144 48.3m284.4-164.2c-1.9 22.8-9.9 38-22.3 55.2c-2.1 2.9-5.4 4.5-8.8 4.5c-2.2 0-4.4-.7-6.3-2c-4.8-3.5-6-10.2-2.5-15.1c10.4-14.6 16.8-26.5 18.3-44.4c1.8-22.3-5.8-42.6-21.4-57c-17-15.7-41.8-22.8-66.2-18.8c-5.9 1-11.4-3.1-12.4-8.9c-1-5.9 3.1-11.4 8.9-12.4c31-5 62.5 4.1 84.4 24.3c20.7 19 30.7 45.6 28.3 74.6"/></svg>

Apprise Light アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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

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