Bookmark 24 アイコン
qlementine-icons:bookmark-24
Bookmark 24 アイコン(qlementine-icons:bookmark-24)は、Qlementine Icons セットの無料 SVG アイコンです（作者: Olivier Cléro）。 24 × 24 のグリッドで描かれています。 Qlementine Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Qlementine Icons
- 作者
- Olivier Cléro
- ライセンス
- MIT
- サイズ
- 24 × 24
- カテゴリ
- 図形
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12.1 20.3q.057.004.115.013c.176.026.346.091.687.222l4.75 1.94c.972.372 1.52.58 1.94.573l.173-.017c.342-.062.649-.23.868-.476l.089-.109c.19-.26.237-.636.249-1.27l.004-.73v-16.1c0-1.01 0-1.58-.164-2l-.081-.173a2.15 2.15 0 0 0-.828-.822l-.155-.08c-.361-.169-.806-.21-1.54-.221l-.834-.004v-1c.615 0 1.13 0 1.55.031c.43.033.845.103 1.24.288c.604.282 1.11.74 1.43 1.32c.218.392.3.804.337 1.22c.035.4.034.885.034 1.44v16.1c0 .531.002 1-.036 1.38c-.038.386-.127.823-.41 1.21a2.5 2.5 0 0 1-1.59.978c-.448.082-.875 0-1.26-.11c-.383-.112-.846-.289-1.39-.495l-.01-.004l-.01-.004l-4.75-1.94v-.001c-.36-.138-.413-.15-.454-.156a.6.6 0 0 0-.183 0c-.041.006-.093.018-.454.156l-4.75 1.94l-.01.004l-.012.004c-.539.206-1 .384-1.39.494c-.387.111-.814.192-1.26.111a2.54 2.54 0 0 1-1.59-.978c-.282-.386-.37-.822-.409-1.21c-.037-.38-.036-.853-.036-1.38v-16.1c0-.56-.001-1.05.034-1.44c.037-.413.12-.824.337-1.22a3.17 3.17 0 0 1 1.43-1.32c.397-.186.812-.256 1.24-.288c.421-.031.937-.03 1.55-.03v1c-1.26 0-1.89-.001-2.37.224a2.17 2.17 0 0 0-.983.902l-.08.173c-.165.422-.165.991-.165 2v16.1l.004.73c.012.637.06 1.01.25 1.27c.22.304.565.514.956.585c.335.06.731-.044 1.38-.279l.736-.277l4.75-1.94c.34-.13.51-.196.686-.222q.12-.018.242-.017l.115.004zM17.38 0v1H6.58V0z"/></svg>
Bookmark 24 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="qlementine-icons:bookmark-24" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="qlementine-icons:bookmark-24" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="qlementine-icons:bookmark-24" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[qlementine-icons--bookmark-24]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/qlementine-icons -->
<div class="i-qlementine-icons:bookmark-24"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="qlementine-icons:bookmark-24"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/qlementine-icons/bookmark-24.svg" alt="Bookmark 24 アイコン" width="24" height="24">
他のアイコンセットの Bookmark 24 アイコン
Bookmark 24 アイコン のよくある質問
Bookmark 24 アイコンは商用利用でも無料ですか?
はい。Qlementine Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Bookmark 24 アイコンを使うには?
@iconify/react をインストールして <Icon icon="qlementine-icons:bookmark-24" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Bookmark 24 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/qlementine-icons/bookmark-24.svg" alt="Bookmark 24 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Qlementine Icons をすべて見る →
ICONYZ
