Briefcase Fill アイコン

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

はい。Mage Icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

mage:briefcase-fill

Briefcase Fill アイコン(mage:briefcase-fill)は、Mage Icons セットの無料 SVG アイコンです（作者: MageIcons）。 24 × 24 のグリッドで描かれています。 Mage Icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Mage Icons
作者: MageIcons
ライセンス: Apache-2.0
サイズ: 24 × 24
タグ: briefcasefill

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M13.286 12.548v.997a.28.28 0 0 1-.269.28h-2.054a.29.29 0 0 1-.279-.28v-.997a.4.4 0 0 1 0-.11a.2.2 0 0 1 .07-.09a.27.27 0 0 1 .19-.079h2.083a.27.27 0 0 1 .26.28"/><path fill="currentColor" d="M21.003 6.616a3.3 3.3 0 0 0-2.343-.997h-2.84V4.313a1.73 1.73 0 0 0-.519-1.246a1.76 1.76 0 0 0-1.256-.529H9.946a1.785 1.785 0 0 0-1.774 1.775v1.306H5.34a3.33 3.33 0 0 0-2.343.997A3.26 3.26 0 0 0 2 8.96v1.495a1.75 1.75 0 0 0 .519 1.257c.153.154.336.276.538.359l.329 6.75a2.92 2.92 0 0 0 2.911 2.641h11.336c.737.01 1.45-.26 1.994-.757a3 3 0 0 0 .997-1.925l.33-6.71c.2-.085.382-.206.537-.358A1.8 1.8 0 0 0 22 10.455V8.96a3.3 3.3 0 0 0-.997-2.343M9.667 4.333a.28.28 0 0 1 .09-.19a.25.25 0 0 1 .19-.09h4.077a.25.25 0 0 1 .2.09c.05.05.079.119.08.19v1.306H9.646zm5.125 9.242a.2.2 0 0 1 0 .07a1.755 1.755 0 0 1-1.755 1.705h-2.054a1.765 1.765 0 0 1-1.765-1.705a.2.2 0 0 1 0-.07v-.997q0-.219.06-.429a1.6 1.6 0 0 1 .23-.548q.088-.143.209-.26c.247-.242.558-.408.897-.478q.18-.021.36 0h2.053q.18-.021.359 0c.336.07.644.237.887.479q.12.116.21.26q.09.136.15.288c.091.218.139.452.139.688z"/></svg>

Briefcase Fill アイコンの使い方

React

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

<Icon icon="mage:briefcase-fill" width="24" />

Vue

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

<template>
  <Icon icon="mage:briefcase-fill" width="24" />
</template>

Svelte

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

<Icon icon="mage:briefcase-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[mage--briefcase-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/mage -->
<div class="i-mage:briefcase-fill"></div>

Web コンポーネント

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

<iconify-icon icon="mage:briefcase-fill"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/mage/briefcase-fill.svg" alt="Briefcase Fill アイコン" width="24" height="24">

Mage Icons の関連アイコン

他のアイコンセットの Briefcase Fill アイコン

Briefcase Fill アイコンのよくある質問

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

はい。Mage Icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

Mage Icons をすべて見る →