Briefs アイコン
fluent-emoji:briefs
Briefs アイコン(fluent-emoji:briefs)は、Fluent Emoji セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- タグ
- brief
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>Web コンポーネント
<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 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Briefs アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji:briefs" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Briefs アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji/briefs.svg" alt="Briefs アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。