Bookmark Off Outline アイコン

Q: Bookmark Off Outline アイコンは商用利用でも無料ですか?

はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

solar:bookmark-off-outline

Bookmark Off Outline アイコン(solar:bookmark-off-outline)は、Solar セットの無料 SVG アイコンです（作者: 480 Design）。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Solar
作者: 480 Design
ライセンス: CC-BY-4.0
サイズ: 24 × 24
カテゴリ: 学校
タグ: bookmarkoff、offoutline、bookmarkoffoutline

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M21.4697 1.46973C21.7626 1.17686 22.2373 1.17684 22.5302 1.46973C22.8231 1.76261 22.8231 2.23739 22.5302 2.53027L2.53022 22.5303C2.23733 22.8232 1.76257 22.8231 1.46967 22.5303C1.17678 22.2374 1.17678 21.7626 1.46967 21.4697L2.46088 20.4775C2.36465 20.0354 2.31576 19.529 2.28803 18.9678C2.24951 18.1883 2.24994 17.2318 2.24994 16.0908V11.0977C2.24994 8.97458 2.24804 7.30739 2.42084 6.00781C2.59646 4.68742 2.96496 3.63372 3.7851 2.80469C4.60623 1.9748 5.65114 1.60187 6.96088 1.42383C8.24852 1.24884 9.90008 1.25 11.9999 1.25C14.0998 1.25 15.7514 1.24883 17.039 1.42383C18.3273 1.59896 19.3589 1.96303 20.1738 2.76465L21.4697 1.46973ZM11.9999 2.75C9.85723 2.75 8.3262 2.75208 7.16303 2.91016C6.02273 3.06516 5.3482 3.35751 4.85151 3.85938C4.35365 4.36263 4.06204 5.04815 3.90815 6.20508C3.7515 7.38282 3.74994 8.93237 3.74994 11.0977V16.0908C3.74994 17.2455 3.74981 18.1594 3.78608 18.8936C3.79024 18.9778 3.79661 19.0588 3.8017 19.1367L19.1122 3.82617C18.6189 3.34536 17.9507 3.06157 16.8369 2.91016C15.6737 2.75208 14.1427 2.75 11.9999 2.75Z" clip-rule="evenodd"/><path d="M20.8163 5.82227C21.2285 5.78291 21.5942 6.08488 21.6337 6.49707C21.7502 7.71117 21.7499 9.22503 21.7499 11.0977V16.0918C21.7499 17.6216 21.7513 18.8313 21.6542 19.7393C21.5593 20.627 21.3553 21.4282 20.7744 21.9639C20.308 22.3936 19.7173 22.6653 19.0878 22.7373C18.3006 22.8272 17.5648 22.4513 16.8408 21.9385C16.1 21.4137 15.1993 20.6156 14.0605 19.6084C13.5406 19.1486 13.1882 18.8378 12.8945 18.623C12.611 18.4158 12.4379 18.34 12.2919 18.3105C12.0994 18.2718 11.9005 18.2718 11.708 18.3105C11.5619 18.34 11.3881 18.4156 11.1044 18.623C10.8108 18.8378 10.4591 19.1488 9.9394 19.6084C8.98298 20.4543 8.19784 21.1483 7.53998 21.6553C6.89472 22.1525 6.28412 22.5407 5.67279 22.6865C5.2701 22.7824 4.86574 22.5334 4.76947 22.1309C4.67949 21.7533 4.89225 21.3743 5.25092 21.249L5.43647 21.1953C5.70957 21.1027 6.08186 20.8853 6.62494 20.4668C7.23315 19.9981 7.97389 19.3435 8.94526 18.4844C9.44411 18.0431 9.8566 17.6776 10.2197 17.4121C10.5926 17.1394 10.9687 16.9292 11.4121 16.8398C11.8001 16.7617 12.1998 16.7617 12.5878 16.8398C13.0312 16.9292 13.4073 17.1394 13.7802 17.4121C14.1433 17.6776 14.5558 18.0432 15.0546 18.4844C16.2207 19.5157 17.0494 20.2474 17.708 20.7139C18.383 21.192 18.7183 21.2699 18.9179 21.2471C19.2298 21.2114 19.524 21.0767 19.7578 20.8613C19.9104 20.7206 20.0734 20.4088 20.1621 19.5801C20.2485 18.771 20.2499 17.6576 20.2499 16.0918V11.0977C20.2499 9.19669 20.2486 7.76579 20.1406 6.63965C20.1012 6.2275 20.4042 5.86183 20.8163 5.82227Z"/></g></svg>

Bookmark Off Outline アイコンの使い方

React

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

<Icon icon="solar:bookmark-off-outline" width="24" />

Vue

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

<template>
  <Icon icon="solar:bookmark-off-outline" width="24" />
</template>

Svelte

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

<Icon icon="solar:bookmark-off-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--bookmark-off-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:bookmark-off-outline"></div>

Web コンポーネント

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

<iconify-icon icon="solar:bookmark-off-outline"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/bookmark-off-outline.svg" alt="Bookmark Off Outline アイコン" width="24" height="24">

Solar の関連アイコン

他のアイコンセットの Bookmark Off Outline アイコン

Bookmark Off Outline アイコンのよくある質問

Bookmark Off Outline アイコンは商用利用でも無料ですか?

はい。Solar icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Bookmark Off Outline アイコンを使うには?

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

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

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

Solar アイコンをすべて見る →