Иконка Card File Box
fluent-emoji:card-file-box
Иконка Card File Box (fluent-emoji:card-file-box) — бесплатная SVG-иконка из набора Fluent Emoji от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Fluent Emoji
- Автор
- Microsoft Corporation
- Лицензия
- MIT
- Размер
- 32 × 32
- Теги
- cardfile, filebox, cardfilebox
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><rect width="25.031" height="10.563" x="3.484" y="6.422" fill="url(#ij8h9iM)" rx=".75"/><g filter="url(#i1l8PfA)"><rect width="22" height="13.412" x="5" y="5.063" fill="url(#idrtP2d)" rx="2.5"/><rect width="22" height="13.412" x="5" y="5.063" fill="url(#iDSDsnd)" rx="2.5"/></g><rect width="22" height="13.412" x="5" y="5.063" fill="url(#i0ybjce)" rx="2.5"/><rect width="22" height="13.412" x="5" y="5.063" fill="url(#i0ybjce)" rx="2.5"/><g filter="url(#iTZ0dNb)"><rect width="22" height="13.412" x="5" y="9.063" fill="url(#ib877Fb)" rx="2.5"/><rect width="22" height="13.412" x="5" y="9.063" fill="url(#iaX6Xve)" rx="2.5"/></g><rect width="22" height="13.412" x="5" y="9.063" fill="url(#iO0kEjc)" rx="2.5"/><g filter="url(#i6Oxatd)"><rect width="22" height="13.412" x="5" y="12.938" fill="url(#iCdzUIr)" rx="2.5"/></g><rect width="22" height="13.412" x="5" y="12.938" fill="url(#i2lnZLc)" rx="2.5"/><path fill="url(#ixD8aDe)" d="M1.969 16.094v11.531a2.25 2.25 0 0 0 2.25 2.25h23.375a2.25 2.25 0 0 0 2.25-2.25V16.094a2.25 2.25 0 0 1-2.25 2.25H4.219a2.25 2.25 0 0 1-2.25-2.25"/><path fill="url(#ihGQVbd)" d="M1.969 16.094v11.531a2.25 2.25 0 0 0 2.25 2.25h23.375a2.25 2.25 0 0 0 2.25-2.25V16.094a2.25 2.25 0 0 1-2.25 2.25H4.219a2.25 2.25 0 0 1-2.25-2.25"/><path fill="url(#ipMm0Nd)" d="M1.969 16.094v11.531a2.25 2.25 0 0 0 2.25 2.25h23.375a2.25 2.25 0 0 0 2.25-2.25V16.094a2.25 2.25 0 0 1-2.25 2.25H4.219a2.25 2.25 0 0 1-2.25-2.25"/><g filter="url(#iSyCt2E)"><path fill="url(#iWY27rb)" fill-rule="evenodd" d="M13.322 21.016a1.4 1.4 0 0 0-1.4 1.4v3.137a1.4 1.4 0 0 0 1.4 1.4h5.176a1.4 1.4 0 0 0 1.4-1.4v-3.137a1.4 1.4 0 0 0-1.4-1.4zm-.023.96a.4.4 0 0 0-.4.4v3.216a.4.4 0 0 0 .4.4h5.223a.4.4 0 0 0 .4-.4v-3.215a.4.4 0 0 0-.4-.4z" clip-rule="evenodd"/></g><g filter="url(#iJOrKor)"><path fill="url(#iPXRRrd)" d="M1.969 7.313a2.25 2.25 0 0 1 2.25-2.25H7.5a2.5 2.5 0 0 0-2.225 1.359h-1.04a.75.75 0 0 0-.75.75v9.062c0 .415.335.75.75.75h23.53a.75.75 0 0 0 .75-.75V7.172a.75.75 0 0 0-.75-.75h-1.04a2.5 2.5 0 0 0-2.225-1.36h3.094a2.25 2.25 0 0 1 2.25 2.25v8.782a2.25 2.25 0 0 1-2.25 2.25H4.219a2.25 2.25 0 0 1-2.25-2.25z"/></g><g filter="url(#iEGurba)"><path fill="url(#i1EDNtc)" d="M7.95 11.938a1 1 0 0 1 1-1h4.023a1 1 0 0 1 1 1v1H7.949z"/></g><g filter="url(#ijReJRc)"><path fill="url(#iEhlxwe)" d="M12.895 8.063a1 1 0 0 1 1-1h4.023a1 1 0 0 1 1 1v1h-6.023z"/></g><g filter="url(#iTxErfd)"><path fill="url(#iSxmMFj)" d="M17.856 4.063a1 1 0 0 1 1-1h4.023a1 1 0 0 1 1 1v1h-6.024z"/></g><rect width="6.023" height="4.016" x="12.898" y="21.977" fill="url(#iLuFLkc)" rx=".4"/><defs><linearGradient id="ij8h9iM" x1="16" x2="16" y1="6.422" y2="16.984" gradientUnits="userSpaceOnUse"><stop stop-color="#4B3D53"/><stop offset="1" stop-color="#321143"/></linearGradient><linearGradient id="idrtP2d" x1="16" x2="16" y1="5.063" y2="8.619" gradientUnits="userSpaceOnUse"><stop stop-color="#FFD650"/><stop offset="1" stop-color="#FFCD4A"/></linearGradient><linearGradient id="iDSDsnd" x1="16" x2="16" y1="8.689" y2="6.676" gradientUnits="userSpaceOnUse"><stop stop-color="#FFBA48"/><stop offset="1" stop-color="#FFBA48" stop-opacity="0"/></linearGradient><linearGradient id="ib877Fb" x1="16" x2="16" y1="9.063" y2="22.474" gradientUnits="userSpaceOnUse"><stop stop-color="#FFDA53"/><stop offset="1" stop-color="#FFBA59"/></linearGradient><linearGradient id="iaX6Xve" x1="16" x2="16" y1="13.383" y2="10.641" gradientUnits="userSpaceOnUse"><stop stop-color="#FFBA48"/><stop offset="1" stop-color="#FFBA48" stop-opacity="0"/></linearGradient><linearGradient id="iCdzUIr" x1="16" x2="16" y1="12.938" y2="26.349" gradientUnits="userSpaceOnUse"><stop stop-color="#FFDA53"/><stop offset="1" stop-color="#FFBA59"/></linearGradient><linearGradient id="ixD8aDe" x1="15.906" x2="15.906" y1="16.094" y2="29.875" gradientUnits="userSpaceOnUse"><stop stop-color="#5D4A72"/><stop offset="1" stop-color="#544862"/></linearGradient><linearGradient id="ihGQVbd" x1="30.031" x2="27.344" y1="28.063" y2="28.063" gradientUnits="userSpaceOnUse"><stop offset=".547" stop-color="#5D5468"/><stop offset="1" stop-color="#5B5069" stop-opacity="0"/></linearGradient><linearGradient id="ipMm0Nd" x1="1.969" x2="4.5" y1="25.188" y2="25.188" gradientUnits="userSpaceOnUse"><stop stop-color="#564F5E"/><stop offset="1" stop-color="#564F5E" stop-opacity="0"/></linearGradient><linearGradient id="iWY27rb" x1="15.91" x2="15.91" y1="21.016" y2="26.953" gradientUnits="userSpaceOnUse"><stop stop-color="#8B6DC5"/><stop offset="1" stop-color="#8466BE"/></linearGradient><linearGradient id="iPXRRrd" x1="15.906" x2="15.906" y1="5.063" y2="14.969" gradientUnits="userSpaceOnUse"><stop stop-color="#63567E"/><stop offset="1" stop-color="#6C6695"/></linearGradient><linearGradient id="i1EDNtc" x1="12.219" x2="10.961" y1="10.938" y2="12.938" gradientUnits="userSpaceOnUse"><stop stop-color="#FF416D"/><stop offset="1" stop-color="#FF3A66"/></linearGradient><linearGradient id="iEhlxwe" x1="16.625" x2="15.906" y1="7.063" y2="9.063" gradientUnits="userSpaceOnUse"><stop stop-color="#4794D7"/><stop offset="1" stop-color="#4482CA"/></linearGradient><linearGradient id="iSxmMFj" x1="21.563" x2="20.867" y1="2.719" y2="5.063" gradientUnits="userSpaceOnUse"><stop stop-color="#4EDC8E"/><stop offset="1" stop-color="#54C877"/></linearGradient><linearGradient id="iLuFLkc" x1="18.406" x2="14.906" y1="22.344" y2="25.992" gradientUnits="userSpaceOnUse"><stop stop-color="#DECBF4"/><stop offset="1" stop-color="#CCBFDC"/></linearGradient><filter id="i1l8PfA" width="22.3" height="13.812" x="4.7" y="5.063" 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="-.3" dy=".4"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 0.890196 0 0 0 0 0.290196 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_23356"/><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=".2"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.976471 0 0 0 0 0.792157 0 0 0 0 0.298039 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_23356" result="effect2_innerShadow_18_23356"/></filter><filter id="iTZ0dNb" width="22.3" height="14.212" x="4.7" y="8.662" 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="-.4"/><feGaussianBlur stdDeviation=".375"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.956863 0 0 0 0 0.6 0 0 0 0 0.407843 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_23356"/><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="-.3" dy=".4"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 0.890196 0 0 0 0 0.290196 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_23356" result="effect2_innerShadow_18_23356"/></filter><filter id="i6Oxatd" width="22.3" height="14.212" x="4.7" y="12.537" 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="-.4"/><feGaussianBlur stdDeviation=".375"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.956863 0 0 0 0 0.6 0 0 0 0 0.407843 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_23356"/><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="-.3" dy=".4"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 0.945098 0 0 0 0 0.317647 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_23356" result="effect2_innerShadow_18_23356"/></filter><filter id="iSyCt2E" width="8.777" height="6.838" x="11.422" y="20.766" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><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=".25"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.266667 0 0 0 0 0.2 0 0 0 0 0.345098 0 0 0 1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_18_23356"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_18_23356" 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="-.25"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.533333 0 0 0 0 0.294118 0 0 0 0 0.831373 0 0 0 1 0"/><feBlend in2="shape" result="effect2_innerShadow_18_23356"/><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=".125"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.572549 0 0 0 0 0.486275 0 0 0 0 0.792157 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_23356" result="effect3_innerShadow_18_23356"/></filter><filter id="iJOrKor" width="28.075" height="13.481" x="1.869" y="4.963" 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="-.1"/><feGaussianBlur stdDeviation=".05"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.45098 0 0 0 0 0.427451 0 0 0 0 0.627451 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_23356"/><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=".1"/><feGaussianBlur stdDeviation=".1"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.384314 0 0 0 0 0.333333 0 0 0 0 0.478431 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_23356" result="effect2_innerShadow_18_23356"/></filter><filter id="iEGurba" width="6.223" height="2.1" x="7.849" y="10.938" 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"/><feGaussianBlur stdDeviation=".125"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 0.25098 0 0 0 0 0.458824 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_23356"/><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=".1"/><feGaussianBlur stdDeviation=".125"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.992157 0 0 0 0 0.282353 0 0 0 0 0.262745 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_23356" result="effect2_innerShadow_18_23356"/></filter><filter id="ijReJRc" width="6.223" height="2.1" x="12.794" y="7.063" 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"/><feGaussianBlur stdDeviation=".125"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.298039 0 0 0 0 0.611765 0 0 0 0 0.85098 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_23356"/><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=".1"/><feGaussianBlur stdDeviation=".125"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.270588 0 0 0 0 0.501961 0 0 0 0 0.768627 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_23356" result="effect2_innerShadow_18_23356"/></filter><filter id="iTxErfd" width="6.223" height="2.1" x="17.756" y="3.063" 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"/><feGaussianBlur stdDeviation=".125"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.34902 0 0 0 0 0.905882 0 0 0 0 0.603922 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_23356"/><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=".1"/><feGaussianBlur stdDeviation=".125"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.239216 0 0 0 0 0.713726 0 0 0 0 0.411765 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_23356" result="effect2_innerShadow_18_23356"/></filter><radialGradient id="i0ybjce" cx="0" cy="0" r="1" gradientTransform="matrix(-1.25801 1.28097 -2.16672 -2.12789 27 5.422)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFE857"/><stop offset="1" stop-color="#FFE857" stop-opacity="0"/></radialGradient><radialGradient id="iO0kEjc" cx="0" cy="0" r="1" gradientTransform="matrix(-1.25801 1.28097 -2.16672 -2.12789 27 9.422)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFE857"/><stop offset="1" stop-color="#FFE857" stop-opacity="0"/></radialGradient><radialGradient id="i2lnZLc" cx="0" cy="0" r="1" gradientTransform="matrix(-1.25801 1.28097 -2.16672 -2.12789 27 13.297)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFE857"/><stop offset="1" stop-color="#FFE857" stop-opacity="0"/></radialGradient></defs></g></svg>Как использовать иконку Card File Box
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:card-file-box" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:card-file-box" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:card-file-box" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--card-file-box]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:card-file-box"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:card-file-box"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/card-file-box.svg" alt="Иконка Card File Box" width="24" height="24">Похожие иконки в наборе Fluent Emoji
Иконка Card File Box в других наборах
Вопросы и ответы: Иконка Card File Box
Можно ли бесплатно использовать иконку Card File Box в коммерческих проектах?
Да. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Card File Box в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji:card-file-box" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Card File Box на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji/card-file-box.svg" alt="Иконка Card File Box">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.