ICONYZ
日本語
Arcticons の Triliumnotes アイコン

Triliumnotes アイコン

arcticons:triliumnotes

Triliumnotes アイコン(arcticons:triliumnotes)は、Arcticons セットの無料 SVG アイコンです(作者: Donnnno)。 48 × 48 のグリッドで描かれています。 Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Arcticons
作者
Donnnno
ライセンス
CC-BY-SA-4.0
サイズ
48 × 48
タグ
triliumnote
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M4.506 37.21c-.122-.197 1.798-4.066 2.62-5.28c1.087-1.603 2.346-2.777 3.614-3.371c1.03-.482 1.215-.514 2.58-.45c1.216.059 1.673.166 2.644.62c1.282.6 1.352.397.065.402c-.916.005-2.973.691-3.669 1.122c-.588.363-1.28 1.596-1.113 1.762c.052.052 1.22-.248 1.806-.536s1.722-.608 2.305-.71c1.331-.234 2.864-.239 3.005.13c.16.418-.598 2.515-1.19 3.291c-.299.392-.867.96-1.263 1.262c-1.186.904-2.061 1.077-6.188 1.224c-1.76-.004-3.516.199-5.216.534m21.743-.702c-.467-.18-1.3-.69-1.849-1.132c-1.11-.895-3.627-4.08-3.627-4.592c0-.225.355-.537 1.139-1c2.34-1.382 5.267-1.695 8.584-1.516c1.737.094 2.64-.1 2.354-.325c-.176-.138-1.197-.728-1.81-.94c-.946-.327-1.442-.34-3.376-.34c-2.41 0-3.898.36-6.253 1.35c-.531.222-1.006.404-1.055.404c-.52 0 1.086-2.207 2.607-3.584c4.665-4.221 10.789-3.335 16.515 2.391c1.58 1.58 4.122 4.833 4.019 5.144c-.036.107-.825.23-1.903.296c-1.205.075-2.367.268-3.36.56c-1.472.432-1.939.623-5.905 2.409c-2.897 1.304-4.402 1.52-6.08.875m-10.2-10.176c-2.219-.668-3.524-1.54-4.294-2.872c-.57-.984-.745-1.778-1.113-5.03c-.34-3.006-.75-5.033-1.329-6.555c-.194-.51-.28-.97-.198-1.052c.354-.355 5.72 2.244 7.747 3.751c4.489 3.34 5.863 7.19 3.753 10.512c-.717 1.127-.758 1.048-.996-.422c-.289-1.78-.88-3.603-1.77-4.904c-.706-1.033-2.272-1.815-2.451-1.636c-.039.038-.19.548.145 1.045c1.59 2.362 3.05 5.027 2.522 6.929c-.207.746-.283.755-2.016.234"/></svg>

Triliumnotes アイコンの使い方

React

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

<Icon icon="arcticons:triliumnotes" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:triliumnotes" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:triliumnotes" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="arcticons:triliumnotes"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/arcticons/triliumnotes.svg" alt="Triliumnotes アイコン" width="24" height="24">

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

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

はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Arcticons をすべて見る →