Briefcase With Open Book アイコン
pinhead:briefcase-with-open-book
Briefcase With Open Book アイコン(pinhead:briefcase-with-open-book)は、Pinhead Map Icons セットの無料 SVG アイコンです(作者: Quincy Morgan)。 15 × 15 のグリッドで描かれています。 Pinhead Map Icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Pinhead Map Icons
- 作者
- Quincy Morgan
- ライセンス
- CC0-1.0
- サイズ
- 15 × 15
- タグ
- briefcasewith、withopen、openbook、briefcasewithopenbook
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M11 1c.55 0 1 .45 1 1v1h2c.55 0 1 .45 1 1v9c0 .55-.45 1-1 1H1c-.55 0-1-.45-1-1V4c0-.55.45-1 1-1h2V2c0-.55.45-1 1-1zm-7.5 9.95a.2.2 0 0 0-.06.06c-.01.01-.01.04-.01.06v.36s0 .06.05.1c.04.04.1.04.15.02c1.91-1.12 2.92-.56 2.95.03c0 .03.01.05.03.07c0 .02.04.05.07.05c.47.11 1.13.15 1.73 0c.03-.01.06-.03.08-.06c.01-.02.02-.03.02-.06c.04-.6 1.03-1.14 2.96-.02c.05.02.11.02.15-.01c.06-.04.06-.11.06-.11v-.34s0-.06-.02-.08l-.06-.06c-1.29-.82-2.91-1.19-3.73-.1c-.02.03-.03.04-.06.06c-.02.03-.06.03-.06.03h-.38s-.05 0-.08-.03c-.03-.02-.04-.03-.05-.06c-.83-1.09-2.45-.74-3.74.09m3.42-5.37c-.93-.91-2.74.08-3.08.21c-.03.01-.05.03-.05.05c-.03.01-.03.06-.03.06l-.33 3.94s-.01.08.05.12c.01.01.07.06.15.01c.4-.21 1.97-1 3.39-.31c.07.04.13.02.15 0c.07-.04.06-.11.06-.11V6.22c0-.2-.17-.46-.31-.64m4.34.21c-.34-.13-2.15-1.12-3.08-.21c-.14.18-.31.44-.31.64v3.33s0 .07.06.11c.02.01.08.04.15 0c1.42-.69 2.99.11 3.39.31c.08.05.14 0 .15-.01c.06-.04.06-.12.06-.12l-.34-3.94s-.01-.05-.03-.07c-.02-.01-.03-.03-.05-.04M11 2H4v1h7z"/></svg>Briefcase With Open Book アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="pinhead:briefcase-with-open-book" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="pinhead:briefcase-with-open-book" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="pinhead:briefcase-with-open-book" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[pinhead--briefcase-with-open-book]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/pinhead -->
<div class="i-pinhead:briefcase-with-open-book"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="pinhead:briefcase-with-open-book"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/pinhead/briefcase-with-open-book.svg" alt="Briefcase With Open Book アイコン" width="24" height="24">Pinhead Map Icons の関連アイコン
briefcase
briefcase-with-apple
briefcase-with-bolt
briefcase-with-circular-pill-and-capsule-pill
briefcase-with-conifer-tree
briefcase-with-droplet
briefcase-with-eighth-notes
briefcase-with-exclamation-point
briefcase-with-gas-flame
briefcase-with-greek-cross
briefcase-with-heart
briefcase-with-heavy-six-point-asterisk
briefcase-with-info-i
briefcase-with-leaf
briefcase-with-map-pin-with-dot
briefcase-with-mars
briefcase-with-megaphone
briefcase-with-music-notes-eighth
briefcase-with-pawprint
briefcase-with-phone-top-right
briefcase-with-question-mark
briefcase-with-rx-symbol
briefcase-with-shield
briefcase-with-stardust
Briefcase With Open Book アイコン のよくある質問
Briefcase With Open Book アイコンは商用利用でも無料ですか?
はい。Pinhead Map Icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Briefcase With Open Book アイコンを使うには?
@iconify/react をインストールして <Icon icon="pinhead:briefcase-with-open-book" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Briefcase With Open Book アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/pinhead/briefcase-with-open-book.svg" alt="Briefcase With Open Book アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。