Bookmark Off Bold アイコン

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

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

solar:bookmark-off-bold

Bookmark Off Bold アイコン(solar:bookmark-off-bold)は、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、offbold、bookmarkoffbold

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M21.4696 1.46964C21.7625 1.17677 22.2373 1.17681 22.5302 1.46964C22.823 1.76254 22.8231 2.23731 22.5302 2.53019L2.53019 22.5302C2.23731 22.8231 1.76254 22.823 1.46964 22.5302C1.17681 22.2373 1.17677 21.7625 1.46964 21.4696L3.1132 19.8251C3.00201 18.9519 2.99991 17.7413 2.99991 16.0907V11.0976C2.99991 6.809 3.00026 4.66424 4.31827 3.33195C5.63631 1.99996 7.75764 1.99991 11.9999 1.99991C16.202 1.99991 18.3227 2.00041 19.6435 3.29484L21.4696 1.46964ZM20.8876 6.56827C20.9999 7.73848 20.9999 9.21056 20.9999 11.0976V16.0907C20.9999 19.1873 20.9996 20.7355 20.2655 21.412C19.9154 21.7346 19.4736 21.9373 19.0028 21.9911C18.0158 22.104 16.8628 21.0848 14.5575 19.0458C13.5386 18.1445 13.0289 17.6939 12.4394 17.5751C12.1492 17.5167 11.8506 17.5167 11.5605 17.5751C10.971 17.6939 10.4613 18.1445 9.4423 19.0458C7.51415 20.7512 6.39195 21.743 5.49894 21.956L20.8876 6.56827Z"/></svg>

Bookmark Off Bold アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Solar の関連アイコン

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

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

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

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

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

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

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

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

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