Iconify
.design
Show Iconify website navigation
Add to favorites
Fluent Emoji
by
Microsoft Corporation
License:
MIT
(commercial use is allowed, no attribution required)
Browse all icon sets
Browse Fluent Emoji
Icon:
backpack
Default
fluent-emoji:backpack
- Iconify Icon
FluentEmojiBackpack
- Component name
icon-[fluent-emoji--backpack]
- Tailwind CSS
i-fluent-emoji:backpack
- UnoCSS
i-fluent-emoji-backpack
- UnoCSS
backpack
- Name only
fluent-emoji/backpack
fluent-emoji--backpack
Size:
Colors:
Opacity:
Stroke width:
SVG
SVG
Symbol
JSX
CSS
URL
CSS
UnoCSS
Tailwind CSS
Components
Vue
React
Svelte
Astro
Unplugin Icons
Iconify Icon
Prettify code
Add empty rectangle
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><rect width="8.188" height="12.375" x="11.734" y="2.875" stroke="url(#f87idh)" stroke-width="1.65" rx="4.094"/><g filter="url(#f87id9)"><rect width="8.188" height="12.375" x="12.063" y="2.875" stroke="url(#f87id0)" stroke-width="0.65" rx="4.094"/></g><path fill="#c4c4c4" fill-opacity="0.5" d="M4.75 16.094c0-6.075 4.925-11 11-11s11 4.925 11 11v9.851a4 4 0 0 1-4 4h-14a4 4 0 0 1-4-4z"/><g filter="url(#f87ida)"><path fill="url(#f87idi)" d="M4.75 16.094c0-6.075 4.925-11 11-11s11 4.925 11 11v9.851a4 4 0 0 1-4 4h-14a4 4 0 0 1-4-4z"/><path fill="url(#f87id1)" d="M4.75 16.094c0-6.075 4.925-11 11-11s11 4.925 11 11v9.851a4 4 0 0 1-4 4h-14a4 4 0 0 1-4-4z"/><path fill="url(#f87id2)" d="M4.75 16.094c0-6.075 4.925-11 11-11s11 4.925 11 11v9.851a4 4 0 0 1-4 4h-14a4 4 0 0 1-4-4z"/></g><g filter="url(#f87idb)"><path stroke="url(#f87id3)" stroke-linecap="round" d="M7.082 12.088a9.513 9.513 0 0 1 8.467-5.182a9.513 9.513 0 0 1 8.467 5.182"/></g><g stroke-linecap="round" filter="url(#f87idc)"><path stroke="url(#f87id4)" d="M7.082 12.088a9.742 9.742 0 0 1 8.668-5.291a9.741 9.741 0 0 1 8.668 5.29"/><path stroke="url(#f87id5)" d="M7.082 12.088a9.742 9.742 0 0 1 8.668-5.291a9.741 9.741 0 0 1 8.668 5.29"/></g><g stroke-linecap="round" stroke-width="0.25" filter="url(#f87idd)"><path stroke="url(#f87id6)" d="M7.332 12.088A9.742 9.742 0 0 1 16 6.797a9.741 9.741 0 0 1 8.668 5.29"/><path stroke="url(#f87id7)" d="M7.332 12.088A9.742 9.742 0 0 1 16 6.797a9.741 9.741 0 0 1 8.668 5.29"/></g><g filter="url(#f87ide)"><rect width="5.953" height="2.978" x="12.797" y="9.109" fill="#ffc442" rx="1.25"/><rect width="5.953" height="2.978" x="12.797" y="9.109" fill="url(#f87idj)" rx="1.25"/></g><g filter="url(#f87idf)"><path fill="url(#f87idk)" d="M21.573 29.945c1.078 0 2.113-.566 2.448-1.59a8.703 8.703 0 1 0-16.543 0c.336 1.024 1.372 1.59 2.45 1.59z"/><path fill="url(#f87id8)" d="M21.573 29.945c1.078 0 2.113-.566 2.448-1.59a8.703 8.703 0 1 0-16.543 0c.336 1.024 1.372 1.59 2.45 1.59z"/><path fill="url(#f87idl)" d="M21.573 29.945c1.078 0 2.113-.566 2.448-1.59a8.703 8.703 0 1 0-16.543 0c.336 1.024 1.372 1.59 2.45 1.59z"/></g><path fill="url(#f87idm)" d="M7.057 25.219a8.703 8.703 0 0 1 17.386 0a8.703 8.703 0 1 0-17.386 0"/><g filter="url(#f87idg)"><path fill="url(#f87idn)" fill-rule="evenodd" d="M7.523 22.768a.789.789 0 0 0-.792.732l-.276 1.89a.653.653 0 0 0 .652.743h.82c.4 0 .708-.349.653-.74l-.264-1.865c-.036-.426-.362-.76-.793-.76m-.015 1.236a.453.453 0 1 0 0-.906a.453.453 0 0 0 0 .906" clip-rule="evenodd"/></g><defs><linearGradient id="f87id0" x1="19.953" x2="14.609" y1="5.281" y2="3.406" gradientUnits="userSpaceOnUse"><stop stop-color="#d85773"/><stop offset="1" stop-color="#bd385c"/></linearGradient><linearGradient id="f87id1" x1="26.063" x2="15.438" y1="30.563" y2="23.188" gradientUnits="userSpaceOnUse"><stop stop-color="#f63659"/><stop offset="1" stop-color="#f63659" stop-opacity="0"/></linearGradient><linearGradient id="f87id2" x1="5.375" x2="11.375" y1="29.563" y2="21.188" gradientUnits="userSpaceOnUse"><stop offset=".035" stop-color="#d64456"/><stop offset="1" stop-color="#d64456" stop-opacity="0"/></linearGradient><linearGradient id="f87id3" x1="24.016" x2="12.008" y1="10.288" y2="10.288" gradientUnits="userSpaceOnUse"><stop stop-color="#ff2274"/><stop offset="1" stop-color="#da2d56"/></linearGradient><linearGradient id="f87id4" x1="7.082" x2="15.313" y1="11.469" y2="11.469" gradientUnits="userSpaceOnUse"><stop stop-color="#e98832"/><stop offset="1" stop-color="#ffc349"/></linearGradient><linearGradient id="f87id5" x1="24.418" x2="18.875" y1="11.813" y2="6.797" gradientUnits="userSpaceOnUse"><stop stop-color="#ffc74b"/><stop offset="1" stop-color="#ffc24c" stop-opacity="0"/></linearGradient><linearGradient id="f87id6" x1="25.344" x2="16.938" y1="11.625" y2="5.688" gradientUnits="userSpaceOnUse"><stop stop-color="#ffef6f"/><stop offset="1" stop-color="#ffef6f" stop-opacity="0"/></linearGradient><linearGradient id="f87id7" x1="7.5" x2="11.188" y1="11.906" y2="8.219" gradientUnits="userSpaceOnUse"><stop stop-color="#f78843"/><stop offset="1" stop-color="#f78843" stop-opacity="0"/></linearGradient><linearGradient id="f87id8" x1="16.688" x2="16.688" y1="30.438" y2="26.563" gradientUnits="userSpaceOnUse"><stop stop-color="#e41863"/><stop offset="1" stop-color="#e41863" stop-opacity="0"/></linearGradient><filter id="f87id9" width="9.637" height="13.825" x="11.338" y="2.15" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_17138" stdDeviation=".2"/></filter><filter id="f87ida" width="22.25" height="25.102" x="4.75" y="5.094" 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=".25"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.784314 0 0 0 0 0.329412 0 0 0 0 0.498039 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_17138"/></filter><filter id="f87idb" width="18.934" height="7.182" x="6.082" y="5.906" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_17138" stdDeviation=".25"/></filter><filter id="f87idc" width="18.336" height="6.391" x="6.582" y="6.197" 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="-.1"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.909804 0 0 0 0 0.380392 0 0 0 0 0.141176 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_17138"/></filter><filter id="f87idd" width="18.386" height="6.341" x="6.807" y="6.272" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_17138" stdDeviation=".2"/></filter><filter id="f87ide" width="7.953" height="4.978" x="11.697" y="8.209" 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=".1"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.890196 0 0 0 0 0.176471 0 0 0 0 0.447059 0 0 0 1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_18_17138"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_18_17138" 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="-.25"/><feGaussianBlur stdDeviation=".3"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.945098 0 0 0 0 0.521569 0 0 0 0 0.188235 0 0 0 1 0"/><feBlend in2="shape" result="effect2_innerShadow_18_17138"/></filter><filter id="f87idf" width="17.606" height="13.008" x="7.047" y="16.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=".2"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.894969 0 0 0 0 0.370192 0 0 0 0 0.466334 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_17138"/></filter><filter id="f87idg" width="2.238" height="3.364" x="6.348" y="22.768" 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=".05"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 0.694118 0 0 0 0 0.270588 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_17138"/></filter><radialGradient id="f87idh" cx="0" cy="0" r="1" gradientTransform="rotate(141.554 9.155 4.805)scale(5.22698 8.81171)" gradientUnits="userSpaceOnUse"><stop stop-color="#ce4767"/><stop offset="1" stop-color="#af3349"/></radialGradient><radialGradient id="f87idi" cx="0" cy="0" r="1" gradientTransform="matrix(-5.75002 13.93747 -13.108 -5.40781 19.688 10.5)" gradientUnits="userSpaceOnUse"><stop offset=".216" stop-color="#ff5aac"/><stop offset="1" stop-color="#e02e7a"/></radialGradient><radialGradient id="f87idj" cx="0" cy="0" r="1" gradientTransform="matrix(5.09375 0 0 4.62022 13.813 10.598)" gradientUnits="userSpaceOnUse"><stop offset=".791" stop-color="#ffeb6d" stop-opacity="0"/><stop offset="1" stop-color="#ffeb6d"/></radialGradient><radialGradient id="f87idk" cx="0" cy="0" r="1" gradientTransform="matrix(-6.8125 7.62499 -7.84632 -7.01025 21.875 20.563)" gradientUnits="userSpaceOnUse"><stop stop-color="#ff56a6"/><stop offset="1" stop-color="#f02779"/></radialGradient><radialGradient id="f87idl" cx="0" cy="0" r="1" gradientTransform="matrix(14.70305 4.0626 -4.1608 15.05844 9.75 24.438)" gradientUnits="userSpaceOnUse"><stop offset=".904" stop-color="#f55178" stop-opacity="0"/><stop offset="1" stop-color="#f55178"/></radialGradient><radialGradient id="f87idm" cx="0" cy="0" r="1" gradientTransform="rotate(127.129 6.447 14.118)scale(9.68135 18.4675)" gradientUnits="userSpaceOnUse"><stop offset=".522" stop-color="#cb184d"/><stop offset="1" stop-color="#aa2743"/></radialGradient><radialGradient id="f87idn" cx="0" cy="0" r="1" gradientTransform="matrix(0 -1.64062 1.0426 0 7.517 25.156)" gradientUnits="userSpaceOnUse"><stop stop-color="#ffb54e"/><stop offset="1" stop-color="#ffaf4d"/></radialGradient></defs></g></svg>
Copy to Clipboard
Download