Иконка Briefcase
fluent-emoji:briefcase
Иконка Briefcase (fluent-emoji:briefcase) — бесплатная SVG-иконка из набора Fluent Emoji от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Fluent Emoji
- Автор
- Microsoft Corporation
- Лицензия
- MIT
- Размер
- 32 × 32
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g filter="url(#iIUbAsc)"><path stroke="#81574F" stroke-width="2" d="M12.542 9.483a3.458 3.458 0 1 1 6.916 0v7.093h-6.916z"/></g><g stroke-width=".4" filter="url(#iKUSkEc)"><path stroke="url(#iLfvZZc)" d="M12.859 9.12a3.458 3.458 0 1 1 6.915 0v7.093h-6.915z"/><path stroke="url(#i9JKPOd)" d="M12.859 9.12a3.458 3.458 0 1 1 6.915 0v7.093h-6.915z"/></g><g filter="url(#iVutcPd)"><path fill="url(#i4oblbc)" d="M2.051 14.054a2 2 0 0 1 2-2H27.95a2 2 0 0 1 2 2v13.91a2 2 0 0 1-2 2H4.05a2 2 0 0 1-2-2z"/></g><g filter="url(#ioe882b)"><path fill="#74394F" d="M2.533 11.48c0-1.07.864-1.938 1.93-1.938h23.074c1.066 0 1.93.867 1.93 1.937v4.319a3.385 3.385 0 0 1-3.379 3.39H5.912a3.384 3.384 0 0 1-3.38-3.39z"/></g><g filter="url(#ir8vGnb)"><path fill="url(#i8VhfDe)" d="M2.051 11.01a2 2 0 0 1 2-2H27.95a2 2 0 0 1 2 2v4.46a3.5 3.5 0 0 1-3.5 3.5H5.55a3.5 3.5 0 0 1-3.5-3.5z"/></g><g filter="url(#iI3OXLe)"><rect width="6.502" height="4.906" x="12.749" y="17.049" fill="url(#i1qEHlc)" rx="1"/></g><rect width="6.502" height="4.906" x="12.749" y="17.049" fill="url(#imyDapd)" rx="1"/><g filter="url(#iTHhrwe)"><path fill="url(#is66Wjc)" d="M19.25 18.97h-6.5v-.921a1 1 0 0 1 1-1h4.5a1 1 0 0 1 1 1z"/></g><defs><filter id="iIUbAsc" width="9.165" height="13.3" x="11.542" y="4.275" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".25" dy="-.75"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.466667 0 0 0 0 0.258824 0 0 0 0 0.337255 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_22501"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="-.4"/><feGaussianBlur stdDeviation=".375"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.376471 0 0 0 0 0.235294 0 0 0 0 0.227451 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_22501" result="effect2_innerShadow_18_22501"/></filter><filter id="iKUSkEc" width="8.315" height="11.95" x="12.159" y="4.962" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_22501" stdDeviation=".25"/></filter><filter id="iVutcPd" width="28.598" height="18.259" x="1.701" y="11.704" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".35" dy="-.35"/><feGaussianBlur stdDeviation=".175"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.411765 0 0 0 0 0.227451 0 0 0 0 0.278431 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_22501"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.35"/><feGaussianBlur stdDeviation=".175"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.580392 0 0 0 0 0.407843 0 0 0 0 0.411765 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_22501" result="effect2_innerShadow_18_22501"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="-.35"/><feGaussianBlur stdDeviation=".175"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.447059 0 0 0 0 0.180392 0 0 0 0 0.423529 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_22501" result="effect3_innerShadow_18_22501"/></filter><filter id="ioe882b" width="27.935" height="10.645" x="2.033" y="9.042" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_22501" stdDeviation=".25"/></filter><filter id="ir8vGnb" width="28.598" height="10.659" x="1.701" y="8.66" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy=".35"/><feGaussianBlur stdDeviation=".175"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.513726 0 0 0 0 0.345098 0 0 0 0 0.337255 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_22501"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.35"/><feGaussianBlur stdDeviation=".175"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.572549 0 0 0 0 0.407843 0 0 0 0 0.403922 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_22501" result="effect2_innerShadow_18_22501"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".35" dy="-.35"/><feGaussianBlur stdDeviation=".175"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.392157 0 0 0 0 0.227451 0 0 0 0 0.301961 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_22501" result="effect3_innerShadow_18_22501"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="-.35"/><feGaussianBlur stdDeviation=".175"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.415686 0 0 0 0 0.192157 0 0 0 0 0.360784 0 0 0 1 0"/><feBlend in2="effect3_innerShadow_18_22501" result="effect4_innerShadow_18_22501"/></filter><filter id="iI3OXLe" width="6.802" height="5.056" x="12.599" y="16.899" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".15" dy="-.15"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.8 0 0 0 0 0.407843 0 0 0 0 0.360784 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_22501"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.15"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.870588 0 0 0 0 0.596078 0 0 0 0 0.490196 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_22501" result="effect2_innerShadow_18_22501"/></filter><filter id="iTHhrwe" width="6.502" height="2.071" x="12.749" y="17.049" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy=".15"/><feGaussianBlur stdDeviation=".075"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.886275 0 0 0 0 0.639216 0 0 0 0 0.482353 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_22501"/></filter><linearGradient id="i4oblbc" x1="16" x2="16" y1="19.75" y2="29.668" gradientUnits="userSpaceOnUse"><stop stop-color="#81505E"/><stop offset="1" stop-color="#754759"/></linearGradient><linearGradient id="i8VhfDe" x1="16" x2="16" y1="9.01" y2="18.97" gradientUnits="userSpaceOnUse"><stop stop-color="#82525B"/><stop offset="1" stop-color="#714654"/></linearGradient><linearGradient id="i1qEHlc" x1="16" x2="16" y1="19.063" y2="21.954" gradientUnits="userSpaceOnUse"><stop stop-color="#D38773"/><stop offset="1" stop-color="#D17A55"/></linearGradient><linearGradient id="imyDapd" x1="16" x2="16" y1="18.781" y2="19.297" gradientUnits="userSpaceOnUse"><stop offset=".333" stop-color="#843E23"/><stop offset="1" stop-color="#C46E44" stop-opacity="0"/></linearGradient><linearGradient id="is66Wjc" x1="16" x2="16" y1="18.009" y2="18.97" gradientUnits="userSpaceOnUse"><stop stop-color="#D89577"/><stop offset="1" stop-color="#CB7368"/></linearGradient><radialGradient id="iLfvZZc" cx="0" cy="0" r="1" gradientTransform="rotate(-146.31 11.201 .974)scale(4.68836 3.07304)" gradientUnits="userSpaceOnUse"><stop stop-color="#98726F"/><stop offset="1" stop-color="#98726F" stop-opacity="0"/></radialGradient><radialGradient id="i9JKPOd" cx="0" cy="0" r="1" gradientTransform="matrix(3.369 -4.78753 3.13805 2.20825 12.681 9.416)" gradientUnits="userSpaceOnUse"><stop stop-color="#7D5952"/><stop offset="1" stop-color="#7D5952" stop-opacity="0"/></radialGradient></defs></g></svg>Как использовать иконку Briefcase
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:briefcase" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:briefcase" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:briefcase" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--briefcase]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:briefcase"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:briefcase"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/briefcase.svg" alt="Иконка Briefcase" width="24" height="24">Иконка Briefcase в других наборах
Вопросы и ответы: Иконка Briefcase
Можно ли бесплатно использовать иконку Briefcase в коммерческих проектах?
Да. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Briefcase в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji:briefcase" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Briefcase на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji/briefcase.svg" alt="Иконка Briefcase">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.