Иконка Briefs

fluent-emoji:briefs

Иконка Briefs (fluent-emoji:briefs) — бесплатная SVG-иконка из набора Fluent Emoji от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Fluent Emoji
Автор: Microsoft Corporation
Лицензия: MIT
Размер: 32 × 32
Теги: brief

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g filter="url(#ipwAuve)"><path fill="url(#iBr4fwd)" d="M2.11 13.526h27.765v3.769a6 6 0 0 1-1.79 4.275l-6.416 6.318a7 7 0 0 1-4.912 2.013h-1.53a7 7 0 0 1-4.911-2.013L3.899 21.57a6 6 0 0 1-1.79-4.275z"/><path fill="url(#iTFGFrc)" d="M2.11 13.526h27.765v3.769a6 6 0 0 1-1.79 4.275l-6.416 6.318a7 7 0 0 1-4.912 2.013h-1.53a7 7 0 0 1-4.911-2.013L3.899 21.57a6 6 0 0 1-1.79-4.275z"/><path fill="url(#iTdiTno)" d="M2.11 13.526h27.765v3.769a6 6 0 0 1-1.79 4.275l-6.416 6.318a7 7 0 0 1-4.912 2.013h-1.53a7 7 0 0 1-4.911-2.013L3.899 21.57a6 6 0 0 1-1.79-4.275z"/><path fill="url(#iL8MfLb)" d="M2.11 13.526h27.765v3.769a6 6 0 0 1-1.79 4.275l-6.416 6.318a7 7 0 0 1-4.912 2.013h-1.53a7 7 0 0 1-4.911-2.013L3.899 21.57a6 6 0 0 1-1.79-4.275z"/><path fill="url(#i7lSbnc)" d="M2.11 13.526h27.765v3.769a6 6 0 0 1-1.79 4.275l-6.416 6.318a7 7 0 0 1-4.912 2.013h-1.53a7 7 0 0 1-4.911-2.013L3.899 21.57a6 6 0 0 1-1.79-4.275z"/><path fill="url(#iEFVl6c)" d="M2.11 13.526h27.765v3.769a6 6 0 0 1-1.79 4.275l-6.416 6.318a7 7 0 0 1-4.912 2.013h-1.53a7 7 0 0 1-4.911-2.013L3.899 21.57a6 6 0 0 1-1.79-4.275z"/></g><path fill="url(#i2oCcfd)" d="m6.108 23.745l4.376-10.22h2.226L7.675 25.289z"/><path fill="url(#ixMBZce)" d="m6.108 23.745l4.376-10.22h2.226L7.675 25.289z"/><path fill="url(#iX5Rmsb)" d="m6.108 23.745l4.376-10.22h2.226L7.675 25.289z"/><path fill="url(#iNrCs1K)" d="m6.108 23.745l4.376-10.22h2.226L7.675 25.289z"/><path fill="url(#iWXndJe)" d="M21.485 13.526h-2.227l5.04 11.772l1.567-1.542z"/><path fill="url(#iQvMreG)" d="M21.485 13.526h-2.227l5.04 11.772l1.567-1.542z"/><path fill="url(#iL4AOzH)" d="M21.485 13.526h-2.227l5.04 11.772l1.567-1.542z"/><path fill="url(#ifGGI6c)" d="M21.485 13.526h-2.227l5.04 11.772l1.567-1.542z"/><g filter="url(#iwNXUCb)"><path fill="#5DECFF" d="M2 12.182c0-.69.56-1.25 1.25-1.25h25.5c.69 0 1.25.56 1.25 1.25v1.55a.2.2 0 0 1-.2.2H2.2a.2.2 0 0 1-.2-.2z"/><path fill="url(#iV1Fpfc)" d="M2 12.182c0-.69.56-1.25 1.25-1.25h25.5c.69 0 1.25.56 1.25 1.25v1.55a.2.2 0 0 1-.2.2H2.2a.2.2 0 0 1-.2-.2z"/><path fill="url(#iGvUh8H)" d="M2 12.182c0-.69.56-1.25 1.25-1.25h25.5c.69 0 1.25.56 1.25 1.25v1.55a.2.2 0 0 1-.2.2H2.2a.2.2 0 0 1-.2-.2z"/></g><defs><linearGradient id="iBr4fwd" x1="14.484" x2="20.172" y1="13.526" y2="26.057" gradientUnits="userSpaceOnUse"><stop stop-color="#368CED"/><stop offset="1" stop-color="#4AB7FF"/></linearGradient><linearGradient id="iL8MfLb" x1="15.992" x2="15.992" y1="13.666" y2="14.182" gradientUnits="userSpaceOnUse"><stop stop-color="#2271DD"/><stop offset="1" stop-color="#2271DD" stop-opacity="0"/></linearGradient><linearGradient id="i7lSbnc" x1="8.922" x2="11.859" y1="27.995" y2="25.245" gradientUnits="userSpaceOnUse"><stop offset=".106" stop-color="#4193FF"/><stop offset="1" stop-color="#4193FF" stop-opacity="0"/></linearGradient><linearGradient id="iEFVl6c" x1="1.588" x2="5.86" y1="16.631" y2="16.631" gradientUnits="userSpaceOnUse"><stop stop-color="#436FA9"/><stop offset="1" stop-color="#2A80E2" stop-opacity="0"/></linearGradient><linearGradient id="i2oCcfd" x1="11.391" x2="6.609" y1="13.932" y2="25.288" gradientUnits="userSpaceOnUse"><stop stop-color="#56F1FF"/><stop offset="1" stop-color="#56D0FF"/></linearGradient><linearGradient id="ixMBZce" x1="6.953" x2="7.906" y1="24.807" y2="23.401" gradientUnits="userSpaceOnUse"><stop stop-color="#5597FF"/><stop offset="1" stop-color="#55C5FF" stop-opacity="0"/></linearGradient><linearGradient id="iX5Rmsb" x1="11.492" x2="11.234" y1="16.541" y2="16.44" gradientUnits="userSpaceOnUse"><stop offset=".175" stop-color="#6BF7FF"/><stop offset="1" stop-color="#6BF7FF" stop-opacity="0"/></linearGradient><linearGradient id="iNrCs1K" x1="7.677" x2="7.677" y1="13.869" y2="14.197" gradientUnits="userSpaceOnUse"><stop stop-color="#48CEFF"/><stop offset="1" stop-color="#48CEFF" stop-opacity="0"/></linearGradient><linearGradient id="iWXndJe" x1="20.609" x2="25.14" y1="14.338" y2="24.12" gradientUnits="userSpaceOnUse"><stop stop-color="#55EDFF"/><stop offset="1" stop-color="#5EFAFF"/></linearGradient><linearGradient id="iQvMreG" x1="24.108" x2="23.797" y1="19.511" y2="19.634" gradientUnits="userSpaceOnUse"><stop offset=".131" stop-color="#64FBFF"/><stop offset="1" stop-color="#64FBFF" stop-opacity="0"/></linearGradient><linearGradient id="iL4AOzH" x1="25.203" x2="24.976" y1="24.37" y2="24.135" gradientUnits="userSpaceOnUse"><stop stop-color="#62E0FF"/><stop offset="1" stop-color="#62E0FF" stop-opacity="0"/></linearGradient><linearGradient id="ifGGI6c" x1="20.828" x2="20.828" y1="13.87" y2="14.198" gradientUnits="userSpaceOnUse"><stop stop-color="#48CEFF"/><stop offset="1" stop-color="#48CEFF" stop-opacity="0"/></linearGradient><linearGradient id="iV1Fpfc" x1="2" x2="6.547" y1="13.932" y2="13.932" gradientUnits="userSpaceOnUse"><stop stop-color="#4ACBFF"/><stop offset="1" stop-color="#4ACBFF" stop-opacity="0"/></linearGradient><linearGradient id="iGvUh8H" x1="30" x2="24.297" y1="13.932" y2="13.932" gradientUnits="userSpaceOnUse"><stop offset=".463" stop-color="#7FFFFF"/><stop offset="1" stop-color="#7FFFFF" stop-opacity="0"/></linearGradient><radialGradient id="iTFGFrc" cx="0" cy="0" r="1" gradientTransform="rotate(-123.843 18.03 9.587)scale(6.50908 10.6984)" gradientUnits="userSpaceOnUse"><stop stop-color="#46C7FF"/><stop offset="1" stop-color="#46C7FF" stop-opacity="0"/></radialGradient><radialGradient id="iTdiTno" cx="0" cy="0" r="1" gradientTransform="matrix(0 9.9375 -5.53769 0 28.922 14.12)" gradientUnits="userSpaceOnUse"><stop stop-color="#6AB0FF"/><stop offset="1" stop-color="#6AB0FF" stop-opacity="0"/></radialGradient><filter id="ipwAuve" width="27.816" height="16.525" x="2.059" y="13.376" 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="-.05" dy="-.15"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.368627 0 0 0 0 0.462745 0 0 0 0 1 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_16832"/></filter><filter id="iwNXUCb" width="28.1" height="3.05" x="2" y="10.932" 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=".1" dy=".05"/><feGaussianBlur stdDeviation=".1"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.27451 0 0 0 0 0.701961 0 0 0 0 0.87451 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_16832"/></filter></defs></g></svg>

Как использовать иконку Briefs

React

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

<Icon icon="fluent-emoji:briefs" width="24" />

Vue

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

<template>
  <Icon icon="fluent-emoji:briefs" width="24" />
</template>

Svelte

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

<Icon icon="fluent-emoji:briefs" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--briefs]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:briefs"></div>

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

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

<iconify-icon icon="fluent-emoji:briefs"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/fluent-emoji/briefs.svg" alt="Иконка Briefs" width="24" height="24">

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

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

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

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

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

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

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

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

Все Иконки Fluent Emoji →