ICONYZ
Русский
Иконка Briefcase With Open Book из набора Pinhead Map Icons

Иконка Briefcase With Open Book

pinhead:briefcase-with-open-book

Иконка Briefcase With Open Book (pinhead:briefcase-with-open-book) — бесплатная SVG-иконка из набора Pinhead Map Icons от 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>

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

<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, которая разрешает использование в личных и коммерческих проектах.

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

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

Все Pinhead Map Icons →