Flatnotes アイコン

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

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

selfhst:flatnotes

Flatnotes アイコン(selfhst:flatnotes)は、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
タグ: flatnote

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#f8a66b" d="M56.9 0h398.2C486.5 0 512 25.5 512 56.9v398.2c0 31.4-25.5 56.9-56.9 56.9H56.9C25.5 512 0 486.5 0 455.1V56.9C0 25.5 25.5 0 56.9 0"/><path fill="#fff" d="M140.8 410.8q-3.15 0-6.9-4.5c-2.1-3-3.9-6.6-5.5-10.5c-1.2-3.9-1.8-7.2-1.8-9.6c.6-11.8 3.3-25.2 8.2-40c1.5-4.2 3.8-6.1 6.9-5.5c.6-5.2 1.2-11.7 1.8-19.6c.9-7.9 2-17 3.2-27.3c-1.5-4.2-4.7-6.4-9.6-6.4c-1.2 0-5.8.8-13.6 2.3q-11.4 2.25-33.6 6.9c-.3 0-.6.2-.9.5c-.3 0-.8-.2-1.4-.5c-3 0-4.5-1.8-4.5-5.5c0-4.2 2-7.3 6-9.1l-.5.5c4.5-2.1 15.7-5.4 33.2-9.6c13-3.3 23.5-7.6 31.4-12.7l2.7-23.2c1.2-11.2 3.2-22.7 6-34.6c2.7-12.1 6.6-24.4 11.4-36.9c10-27 21.8-48.7 35.5-65.1c11.5-13.3 23-20 34.6-20q15 0 26.4 14.1c1.2 1.2 1.8 2.6 1.8 4.1c0 3.3-1.8 5.1-5.5 5.1c-2.1 0-3.9-.9-5.5-2.7c-4.8-5.8-10.2-8.7-16-8.7c-13.6 0-28.1 15.1-43.2 45.1c-6.1 12.1-11.4 26.6-16 43.2c-4.5 16.4-8.1 34.9-10.5 55.6l-.5 7.8l-.9 12.3c8.8 2.7 18.5 4.1 29.1 4.1l29.1-.9c9.1.3 13.6 3.3 13.6 9.1c0 5.2-2.4 7.8-7.3 7.8h-35.5q-19.05 1.35-33.6 10.5c-9.1 70.4-16.9 110.6-23.2 120.6c-1.3 2.1-3.1 3.3-4.9 3.3m112.9-14.6c-7 0-12.4-.9-16.4-2.7c-3.6-1.8-5.5-3.8-5.5-6q0-2.7 2.7-5.1c2.1-1.5 5.7-2.4 10.5-2.7c6.1-.3 14.5-.6 25.5-.9q16.35-.45 36-.9c13.3-.3 26.4-.5 39.1-.5h19.6c6.4 0 12 .2 16.9.5c5.2.3 9 .8 11.4 1.4s3.6 2.3 3.6 5.1c0 3.3-1.4 5.5-4.1 6.4s-6.1 1.4-10 1.4c-7 0-16.1.2-27.3.5c-11.2.6-23.2 1.1-36 1.4c-12.7.6-25.1 1.1-36.9 1.4c-11.4.4-21.2.7-29.1.7"/></svg>

Flatnotes アイコンの使い方

React

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

<Icon icon="selfhst:flatnotes" width="24" />

Vue

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

<template>
  <Icon icon="selfhst:flatnotes" width="24" />
</template>

Svelte

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

<Icon icon="selfhst:flatnotes" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="selfhst:flatnotes"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/selfhst/flatnotes.svg" alt="Flatnotes アイコン" width="24" height="24">

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

他のアイコンセットの Flatnotes アイコン

Flatnotes アイコンのよくある質問

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

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

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

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

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

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

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