Book Library Duo アイコン

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

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

streamline-stickies-color:book-library-duo

Book Library Duo アイコン(streamline-stickies-color:book-library-duo)は、Stickies color icons セットの無料 SVG アイコンです（作者: Streamline）。 40 × 40 のグリッドで描かれています。 Stickies color icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Stickies color icons
作者: Streamline
ライセンス: CC-BY-4.0
サイズ: 40 × 40
カテゴリ: 学校・科学
タグ: booklibrary、libraryduo、booklibraryduo

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><g fill="none" stroke="#00034a" stroke-miterlimit="10"><path fill="#00034a" d="M6.843 1.597c-2.157 0-4.752.195-5.24 1.551C.627 4.553.5 13.911.5 19.356s.127 14.803 1.103 16.208c.904 2.604 3.692 2.84 6.098 2.84c2.157 0 4.752-.147 5.24-1.552c.976-1.405 1.103-10.734 1.103-16.208c0-5.475-.127-14.803-1.103-16.208c-.927-2.578-3.688-2.84-6.098-2.84z"/><path fill="#00034a" d="M24.07 2.348c-1.032-.64-2.912-.751-4.542-.751c-2.156 0-4.752.195-5.24 1.551c-.976 1.405-1.103 10.734-1.103 16.208s.127 14.803 1.103 16.208c.218.628 1.034 1.792 1.588 2.128c1.038.63 2.897.711 4.51.711c2.157 0 4.753-.146 5.24-1.551c.976-1.405 1.103-10.734 1.103-16.208c0-5.475-.127-14.803-1.102-16.208c-.238-.661-.945-1.71-1.557-2.088Z"/><path fill="#00034a" d="M36.731 2.333c-1.037-.627-2.9-.736-4.517-.736c-2.157 0-4.752.195-5.24 1.551c-.976 1.405-1.103 10.734-1.103 16.208s.127 14.803 1.103 16.208c.215.62 1.024 1.78 1.568 2.116c1.035.64 2.907.723 4.53.723c2.157 0 4.752-.146 5.24-1.551c.976-1.405 1.103-10.734 1.103-16.208c0-5.475-.127-14.803-1.103-16.208c-.24-.67-.958-1.727-1.581-2.103Z"/><path fill="#9bff00" d="M12.083 35.564c.976-1.405 1.102-10.733 1.102-16.208s-.126-14.803-1.102-16.208c-.488-1.356-3.084-1.551-5.24-1.551s-4.752.195-5.24 1.551C.627 4.553.5 13.911.5 19.356s.127 14.803 1.103 16.208c.488 1.406 3.083 1.552 5.24 1.552s4.752-.146 5.24-1.552Z"/><path fill="#fff" d="M3.369 29.173c.302.293 2.313.332 3.474.332s3.171 0 3.474-.332c.302-.146.331-.927.331-1.571s0-1.425-.331-1.571c-.303-.293-2.303-.332-3.474-.332s-3.172 0-3.474.332c-.303.146-.332.927-.332 1.57c0 .645.03 1.425.332 1.572Z"/><path stroke-linecap="round" d="M10.648 9.403a38 38 0 0 0-7.61 0m7.61 2.537a36.8 36.8 0 0 0-7.61 0"/><path fill="#9bff00" d="M24.768 35.564c.976-1.405 1.103-10.733 1.103-16.208s-.127-14.803-1.103-16.208c-.488-1.356-3.083-1.551-5.24-1.551s-4.752.195-5.24 1.551c-.976 1.405-1.103 10.734-1.103 16.208s.127 14.803 1.103 16.208c.488 1.406 3.084 1.552 5.24 1.552s4.752-.146 5.24-1.552Z"/><path fill="#fff" d="M16.054 29.173c.303.293 2.313.332 3.474.332s3.172 0 3.474-.332c.303-.146.332-.927.332-1.571s0-1.425-.332-1.571c-.302-.293-2.303-.332-3.474-.332c-1.17 0-3.171 0-3.474.332c-.302.146-.331.927-.331 1.57c0 .645.029 1.425.331 1.572Z"/><path stroke-linecap="round" d="M23.334 9.403a38 38 0 0 0-7.611 0m7.611 2.537a36.8 36.8 0 0 0-7.611 0"/><path fill="#9bff00" d="M37.454 35.564c.976-1.405 1.102-10.733 1.102-16.208S38.43 4.553 37.454 3.148c-.488-1.356-3.084-1.551-5.24-1.551s-4.752.195-5.24 1.551c-.976 1.405-1.103 10.734-1.103 16.208s.127 14.803 1.103 16.208c.488 1.406 3.083 1.552 5.24 1.552s4.752-.146 5.24-1.552Z"/><path fill="#fff" d="M28.74 29.173c.302.293 2.313.332 3.474.332c1.16 0 3.171 0 3.474-.332c.302-.146.331-.927.331-1.571s0-1.425-.331-1.571c-.303-.293-2.303-.332-3.474-.332s-3.172 0-3.474.332c-.303.146-.332.927-.332 1.57c0 .645.03 1.425.332 1.572Z"/><path stroke-linecap="round" d="M36.02 9.403a38 38 0 0 0-7.612 0m7.612 2.537a36.8 36.8 0 0 0-7.612 0"/></g></svg>

Book Library Duo アイコンの使い方

React

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

<Icon icon="streamline-stickies-color:book-library-duo" width="24" />

Vue

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

<template>
  <Icon icon="streamline-stickies-color:book-library-duo" width="24" />
</template>

Svelte

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

<Icon icon="streamline-stickies-color:book-library-duo" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-stickies-color--book-library-duo]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-stickies-color -->
<div class="i-streamline-stickies-color:book-library-duo"></div>

Web コンポーネント

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

<iconify-icon icon="streamline-stickies-color:book-library-duo"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/streamline-stickies-color/book-library-duo.svg" alt="Book Library Duo アイコン" width="24" height="24">

Stickies color icons の関連アイコン

Book Library Duo アイコンのよくある質問

Book Library Duo アイコンは商用利用でも無料ですか?

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

React で Book Library Duo アイコンを使うには?

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

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

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

Stickies color icons をすべて見る →