Bookmark アイコン

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

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

game-icons:bookmark

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

アイコンセット: Game Icons
作者: GameIcons
ライセンス: CC-BY-3.0
サイズ: 512 × 512

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="m161.22 19.563l-2.5 5.375l-106.44 225.5l-1 2.093c-24.493 28.208-34.917 58.587-33.593 88.19c1.38 30.852 15.12 60.388 36.376 86.81l2.812 3.5h49.72c4.817-3.836 8.93-7.817 12.405-12.03a73 73 0 0 0 4.875-6.656H65.97c-17.813-23.187-28.526-47.848-29.626-72.438c-1.123-25.11 7.337-50.594 29.937-76.125h431.876l-5.25-12.874l-91.844-225.5l-2.375-5.843H161.22zm11.843 18.687h177.343l52.656 41.594l38.407 94.28l-58.845 70.94H75.47zM75.156 282.625c-15.31 18.98-20.975 37.778-20.125 56.438c.84 18.398 8.276 36.95 20.5 54.468h57.19c4.392-13.517 6.344-29.847 6.78-50.436h-16.188v-18.688h16.313v-.187h115.749v.186h17.156v18.688h-17.25c-.287 17.8-1.447 34.638-4 50.437h221.626c-9.034-36.872-9.112-74.006-.03-110.905H75.155zm83 60.28c-.77 37.698-6.46 65.83-24.72 87.97c-14.595 17.7-36.19 30.747-67.28 42.813c8.69 1.658 17.214 3.225 26.53 5.25c14.048 3.052 27.912 6.338 39.033 9.25c5.56 1.455 10.44 2.826 14.374 4.062c1.94.61 3.533 1.074 5.03 1.625c35.245-13.464 55.78-32.897 68.345-58.72c11.944-24.55 16.287-55.713 16.936-92.25h-78.25zm89.25 69.44c-1.632 6.425-3.532 12.668-5.812 18.686h257.03v-18.686H247.407z"/></svg>

Bookmark アイコンの使い方

React

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

<Icon icon="game-icons:bookmark" width="24" />

Vue

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

<template>
  <Icon icon="game-icons:bookmark" width="24" />
</template>

Svelte

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

<Icon icon="game-icons:bookmark" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--bookmark]"></span>

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="game-icons:bookmark"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/game-icons/bookmark.svg" alt="Bookmark アイコン" width="24" height="24">

Game Icons の関連アイコン

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

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

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

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

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

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

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

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

Game Icons をすべて見る →