Stickynote Filled アイコン
reicon:stickynote-filled
Stickynote Filled アイコン(reicon:stickynote-filled)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M8.29 6.29c-.42 0-.75-.34-.75-.75V2.75a.749.749 0 1 1 1.5 0v2.78c0 .42-.33.76-.75.76m7.42 0c-.42 0-.75-.34-.75-.75V2.75a.749.749 0 1 1 1.5 0v2.78c0 .42-.33.76-.75.76m5.79 9.53c0 .15-.05.3-.18.43l-5.51 5.55c-.13.14-.3.2-.47.2c-.33 0-.65-.26-.65-.64v-3.5c0-1.46 1.24-2.67 2.76-2.67c.95-.01 2.27-.01 3.4-.01c.39 0 .65.31.65.64"/><path d="M21.5 15.82c0 .15-.05.3-.18.43l-5.51 5.55c-.13.14-.3.2-.47.2c-.33 0-.65-.26-.65-.64v-3.5c0-1.46 1.24-2.67 2.76-2.67c.95-.01 2.27-.01 3.4-.01c.39 0 .65.31.65.64"/><path d="M19.57 4.5c-.66-.49-1.61-.02-1.61.81v.1c0 1.17-.84 2.25-2.01 2.37c-1.35.14-2.49-.92-2.49-2.24V4.5c0-.55-.45-1-1-1h-.92c-.55 0-1 .45-1 1v.91c0 .88-.47 1.7-1.2 2.1c-.04.03-.08.05-.12.07c-.01 0-.01.01-.02.01c-.07.03-.14.06-.22.09c-.02.01-.04.01-.06.02c-.12.04-.25.07-.39.08h-.01c-.15.02-.31.02-.46 0h-.01c-.14-.01-.27-.04-.39-.08q-.15-.045-.3-.12a2.23 2.23 0 0 1-1.32-2.04v-.23c0-.77-.82-1.23-1.47-.9c-.01.01-.02.01-.03.02h-.01c-.07.05-.13.1-.2.15a4.3 4.3 0 0 0-.52.49c-.08.08-.15.16-.22.25c-.05.06-.11.12-.15.19c-.05.06-.09.13-.13.19a3.5 3.5 0 0 0-.27.46c-.02.02-.03.03-.03.05c-.06.12-.12.24-.16.37c-.03.05-.04.09-.06.14c-.02.04-.03.09-.05.13c-.03.1-.06.21-.09.32c-.04.14-.07.29-.09.44a6 6 0 0 0-.06.76v8.76A4.87 4.87 0 0 0 7.37 22h4.82c.55 0 1-.45 1-1v-3.14c0-2.3 1.91-4.17 4.26-4.17c.53-.01 1.82-.01 3.05-.01c.55 0 1-.45 1-1V8.37c0-1.59-.76-2.98-1.93-3.87m-8.44 11.41c-.09.3-.37.51-.7.51H6.79c-.05 0-.09 0-.13-.02a.725.725 0 0 1-.62-.73c0-.42.33-.76.75-.76h3.64c.41 0 .75.34.75.76c0 .08-.01.17-.05.24m2.78-3.71c-.09.3-.37.51-.7.51H6.79c-.05 0-.09 0-.13-.02a.725.725 0 0 1-.62-.73c0-.42.33-.76.75-.76h6.42c.42 0 .75.34.75.76c0 .08-.01.17-.05.24"/></g></svg>Stickynote Filled アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:stickynote-filled" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:stickynote-filled" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:stickynote-filled" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--stickynote-filled]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:stickynote-filled"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:stickynote-filled"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/reicon/stickynote-filled.svg" alt="Stickynote Filled アイコン" width="24" height="24">Reicon の関連アイコン
Stickynote Filled アイコン のよくある質問
Stickynote Filled アイコンは商用利用でも無料ですか?
はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Stickynote Filled アイコンを使うには?
@iconify/react をインストールして <Icon icon="reicon:stickynote-filled" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Stickynote Filled アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/reicon/stickynote-filled.svg" alt="Stickynote Filled アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。