ICONYZ
日本語
Pinhead Map Icons の Briefcase With Open Book アイコン

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 コード

<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 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 コードをページに直接貼り付けます。

Pinhead Map Icons をすべて見る →