Иконка Briefcase Sharp Fill

keyline-icons:briefcase-sharp-fill

Иконка Briefcase Sharp Fill (keyline-icons:briefcase-sharp-fill) — бесплатная SVG-иконка из набора Keyline Icons. Она нарисована на сетке 24 × 24. Keyline Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Keyline Icons
Автор: Keyline Icons
Лицензия: MIT
Размер: 24 × 24
Теги: briefcasesharp, sharpfill, briefcasesharpfill

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-rule="evenodd" d="M2 5.5L22 5.5C22.5523 5.5 23 5.9477 23 6.5L23 21C23 21.5523 22.5523 22 22 22L2 22C1.4477 22 1 21.5523 1 21L1 6.5C1 5.9477 1.4477 5.5 2 5.5ZM3 9.8797C4.9116 10.7123 8.3651 11.1875 12 11.1875C15.6349 11.1875 19.0884 10.7123 21 9.8797L21 7.5L3 7.5L3 9.8797ZM8.5 13.0435L8.5 15.5C8.5 16.0523 8.9477 16.5 9.5 16.5L14.5 16.5C15.0523 16.5 15.5 16.0523 15.5 15.5L15.5 13.0435C14.8417 13.0992 14.1716 13.1384 13.5 13.1616L13.5 14.5L10.5 14.5L10.5 13.1616C9.8284 13.1384 9.1583 13.0992 8.5 13.0435Z" clip-rule="evenodd" stroke="none"/><path d="M8.25 6.5L8.25 3L15.75 3L15.75 6.5"/></g></svg>

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

React

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

<Icon icon="keyline-icons:briefcase-sharp-fill" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:briefcase-sharp-fill" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:briefcase-sharp-fill" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="keyline-icons:briefcase-sharp-fill"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/keyline-icons/briefcase-sharp-fill.svg" alt="Иконка Briefcase Sharp Fill" width="24" height="24">

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

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

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

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

Установите @iconify/react и выведите <Icon icon="keyline-icons:briefcase-sharp-fill" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Briefcase Sharp Fill на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/keyline-icons/briefcase-sharp-fill.svg" alt="Иконка Briefcase Sharp Fill">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Keyline Icons →