Иконка Briefcase Fill

mage:briefcase-fill

Иконка Briefcase Fill (mage:briefcase-fill) — бесплатная SVG-иконка из набора Mage Icons от 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>

Веб-компонент

<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">

Иконка Briefcase Fill в других наборах

Вопросы и ответы: Иконка Briefcase Fill

Можно ли бесплатно использовать иконку Briefcase Fill в коммерческих проектах?

Да. Mage Icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Briefcase Fill в React?

Установите @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">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Mage Icons →