Note Sticky アイコン
glyphs-poly:note-sticky
Note Sticky アイコン(glyphs-poly:note-sticky)は、Glyphs Poly セットの無料 SVG アイコンです（作者: Goran Spasojevic）。 80 × 80 のグリッドで描かれています。 Glyphs Poly icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Glyphs Poly
- 作者
- Goran Spasojevic
- ライセンス
- MIT
- サイズ
- 80 × 80
- タグ
- notesticky
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="#f2c94c" fill-rule="evenodd" d="M52.974 62.98a4 4 0 0 1-2.668 1.018h-4.592L20 64a4 4 0 0 1-4-4V20a4 4 0 0 1 4-4h40a4 4 0 0 1 4 4v30.307a4 4 0 0 1-.98 2.622a.622.622 0 0 0-.52-.962H56a4 4 0 0 0-4 4v6.5c0 .514.578.79.974.512" clip-rule="evenodd"/><path fill="#f2c94c" d="M50.306 63.998v2zm2.668-1.019l-1.149-1.637a2 2 0 0 1 2.482 3.128zm-7.26 1.019v-2zM20 64v2zm-4-4h2zm0-40h-2zm44-4v-2zm3.02 36.93l1.51 1.311a2 2 0 0 1-3.172-2.424zm-12.713 9.068a2 2 0 0 0 1.333-.51l2.667 2.982a6 6 0 0 1-4 1.528zm-4.592 0h4.592v4h-4.593zM20 62l25.714-.002v4L20.002 66zm-2-2a2 2 0 0 0 2 2v4a6 6 0 0 1-6-6zm0-40v40h-4V20zm2-2a2 2 0 0 0-2 2h-4a6 6 0 0 1 6-6zm40 0H20v-4h40zm2 2a2 2 0 0 0-2-2v-4a6 6 0 0 1 6 6zm0 30.283V20h4v30.283zm0 .024v-.024h4v.024zm-.49 1.311a2 2 0 0 0 .49-1.311h4a6 6 0 0 1-1.47 3.934zm.99-1.651c2.17 0 3.302 2.402 2.182 4.075l-3.324-2.225c-.59.882-.009 2.15 1.142 2.15zm-6.5 0h6.5v4H56zm-6 6a6 6 0 0 1 6-6v4a2 2 0 0 0-2 2zm0 6.5v-6.5h4v6.5zm4.122 2.15c-1.676 1.175-4.122.038-4.122-2.15h4c0-1.16-1.29-1.745-2.175-1.125z"/><path fill="#f2994a" d="m62.94 53.06l-9.88 9.879a.621.621 0 0 1-1.06-.44V56a4 4 0 0 1 4-4h6.5c.553 0 .83.67.44 1.061"/><path fill="#f2994a" d="m53.06 62.939l1.415 1.414zm9.88-9.879l1.413 1.415zm-11.294 8.465l9.88-9.879l2.827 2.829l-9.878 9.878zM50 62.5V56h4v6.5zM56 50h6.5v4H56zm-6 6a6 6 0 0 1 6-6v4a2 2 0 0 0-2 2zm11.525-4.354c-.868.869-.253 2.354.975 2.354v-4c2.335 0 3.505 2.823 1.853 4.475zm-7.05 12.707C52.824 66.004 50 64.835 50 62.5h4c0-1.229-1.485-1.844-2.354-.975z"/></g></svg>
Note Sticky アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs-poly:note-sticky" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs-poly:note-sticky" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs-poly:note-sticky" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--note-sticky]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:note-sticky"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs-poly:note-sticky"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/glyphs-poly/note-sticky.svg" alt="Note Sticky アイコン" width="24" height="24">
他のアイコンセットの Note Sticky アイコン
Note Sticky アイコン のよくある質問
Note Sticky アイコンは商用利用でも無料ですか?
はい。Glyphs Poly icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Note Sticky アイコンを使うには?
@iconify/react をインストールして <Icon icon="glyphs-poly:note-sticky" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Note Sticky アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/glyphs-poly/note-sticky.svg" alt="Note Sticky アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Glyphs Poly アイコン をすべて見る →
ICONYZ
