Trilium Notes Light アイコン
selfhst:trilium-notes-light
Trilium Notes Light アイコン(selfhst:trilium-notes-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
- タグ
- triliumnotes、noteslight、triliumnoteslight、note
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" d="M236.9 225c-33.6 16-83.6 29.4-125.8 8.3c-3.6-1.8-7.2-3.8-10.8-6.4c-.1 0-.2 0-.3-.1c-4.7-3-9.1-6.5-13.8-10.3C47.5 184.3 7.5 126.3.6 94.9c-.2-1-.4-2-.6-2.9c25.1-13.2 84.1-11.8 131.2-.7c.1 0 .1.1.2.1c6.4 1.6 12.5 3.2 18.2 5.1c8.2 2.5 15.5 5.6 22.1 8.8c43.9 22.1 65.6 74.1 72.5 111.2l-30.8-13.4l-29.4-12.8l-101.1-43.9l97.5 49.8l27.5 14zm102.7 96.8c-.6-3.8-1.4-7.7-2.4-11.1c-11.3-40.9-51-66-82.4-78.6l7.5 28.2l7.3 26.7l25.8 96l-32.1-94.8l-9.1-27.1l-9.7-28.7c-20.9 27.1-43.1 73.3-31.4 115.8c1.8 6.3 4.3 13 7.5 20c2.2 5.1 4.8 10.3 7.7 15.7c21.1 38.1 56.1 78 80.4 86.7l.1-.1c17.8-21.9 34-86.3 32.2-133.1c-.2-5.5-.6-10.7-1.4-15.6m165.5-277c-9.9-2.3-22.7-3.4-37-3.3c-39.5.2-90.9 9.1-128.7 24.6c-6.3 2.4-12.3 5.3-17.8 8.3c-4.5 2.4-8.8 5.1-12.4 7.7c-43.7 31.4-56.5 89.6-57.9 132.5l30.2-21.3l29-20.3l102.9-72.1l-98.9 79.2l-28.3 22.7l-30 23.9c41.3 13.1 106.1 19.8 151.7-12.8c6.4-4.7 13.1-10.4 19.6-17c.4-.2.7-.4 1.1-.6c4.6-4.7 9.4-9.7 13.8-15c.2-.2.3-.4.5-.6c.2-.1.4-.1.6-.2C478.7 140 510.2 83.3 511.9 50c.1-1.1.1-2.1.1-3.2c-2.1-.7-4.4-1.4-6.9-2"/></svg>Trilium Notes Light アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:trilium-notes-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:trilium-notes-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:trilium-notes-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--trilium-notes-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:trilium-notes-light"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:trilium-notes-light"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/selfhst/trilium-notes-light.svg" alt="Trilium Notes Light アイコン" width="24" height="24">selfh.st/icons の関連アイコン
Trilium Notes Light アイコン のよくある質問
Trilium Notes Light アイコンは商用利用でも無料ですか?
はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Trilium Notes Light アイコンを使うには?
@iconify/react をインストールして <Icon icon="selfhst:trilium-notes-light" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Trilium Notes Light アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/selfhst/trilium-notes-light.svg" alt="Trilium Notes Light アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。