Briefcase アイコン
emojione-v1:briefcase
Briefcase アイコン(emojione-v1:briefcase)は、Emoji One (v1) セットの無料 SVG アイコンです（作者: Emoji One）。 64 × 64 のグリッドで描かれています。 Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Emoji One (v1)
- 作者
- Emoji One
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 64 × 64
- カテゴリ
- 人物
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#7d5c3d" d="M32.895 4.753c-7.884 0-14.273 8.493-14.273 18.972c0 10.475 6.389 18.97 14.273 18.97c7.879 0 14.271-8.495 14.271-18.97c0-10.479-6.392-18.972-14.271-18.972m0 35.706c-6.346 0-11.487-6.837-11.487-15.266c0-8.433 5.141-15.268 11.487-15.268c6.341 0 11.485 6.835 11.485 15.268c0 8.429-5.144 15.266-11.485 15.266"/><path fill="#98754f" d="M30.982 4.753c-7.886 0-14.275 8.493-14.275 18.972c0 10.475 6.389 18.97 14.275 18.97c7.88 0 14.27-8.495 14.27-18.97c0-10.479-6.39-18.972-14.27-18.972m0 35.706c-6.35 0-11.488-6.837-11.488-15.266c0-8.433 5.139-15.268 11.488-15.268c6.34 0 11.482 6.835 11.482 15.268c0 8.429-5.142 15.266-11.482 15.266"/><path fill="#c2986b" d="M63.876 57.654c0 3.389-1.664 6.136-3.714 6.136H3.712c-2.047 0-3.711-2.747-3.711-6.136v-33.31c0-3.391 1.664-6.141 3.711-6.141h56.45c2.05 0 3.714 2.75 3.714 6.141z"/><path fill="#98754f" d="M17.09 57.532v-33.21c0-3.381 1.664-6.122 3.714-6.122H3.714c-2.047 0-3.711 2.741-3.711 6.122v33.21c0 3.379 1.664 6.118 3.711 6.118h17.09c-2.05 0-3.714-2.739-3.714-6.118"/><path fill="#ac8560" d="M63.876 33.983c0 1.355-1.664 2.453-3.714 2.453H3.712c-2.047 0-3.711-1.099-3.711-2.453V20.66c0-1.355 1.664-2.456 3.711-2.456h56.45c2.05 0 3.714 1.101 3.714 2.456z"/><path fill="#fff" d="M36.424 38.783c0 .477-.234.863-.522.863h-7.929c-.288 0-.52-.387-.52-.863v-4.699c0-.477.232-.866.52-.866h7.929c.288 0 .522.389.522.866z"/></svg>
Briefcase アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-v1:briefcase" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-v1:briefcase" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-v1:briefcase" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--briefcase]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:briefcase"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-v1:briefcase"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione-v1/briefcase.svg" alt="Briefcase アイコン" width="24" height="24">
他のアイコンセットの Briefcase アイコン
Briefcase アイコン のよくある質問
Briefcase アイコンは商用利用でも無料ですか?
はい。Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Briefcase アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione-v1:briefcase" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Briefcase アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione-v1/briefcase.svg" alt="Briefcase アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Emoji One (v1) アイコン をすべて見る →
ICONYZ
