<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 32 32"><g fill="none"><g filter="url(#iqC3Jsb)"><path fill="url(#iO16b5f)" d="M20.415 2.336a1 1 0 0 0-.707-.293H6.439a1.4 1.4 0 0 0-1.4 1.4v25.114a1.4 1.4 0 0 0 1.4 1.4h19.122a1.4 1.4 0 0 0 1.4-1.4V9.297a1 1 0 0 0-.293-.708z"/></g><g filter="url(#issEKhe)"><path fill="#818cf8" d="M19.751 2.457c0-.201.058-.33-.052-.352c.104.007.256.045.352.083c.123.048-.03.155.067.249l.009.008l6.253 6.253a1 1 0 0 1 .293.708v.063c0-.232-.168-.371-.293-.371h-5.429a1.2 1.2 0 0 1-1.2-1.2z"/></g><g filter="url(#ilnSMje)"><path fill="url(#it2Vjve)" d="M20.04 2.348c0-.202-.159-.282-.269-.303a1 1 0 0 1 .644.29l6.253 6.254a1 1 0 0 1 .244.4a1 1 0 0 1 .049.307v.063c0-.232-.168-.37-.293-.37h-5.429a1.2 1.2 0 0 1-1.2-1.2z"/></g><path fill="url(#in1YA6c)" d="M20.04 2.348c0-.202-.159-.282-.269-.303a1 1 0 0 1 .644.29l6.253 6.254a1 1 0 0 1 .244.4a1 1 0 0 1 .049.307v.063c0-.232-.168-.37-.293-.37h-5.429a1.2 1.2 0 0 1-1.2-1.2z"/><rect width="13.914" height=".992" x="9.039" y="11.996" fill="url(#itTqd9c)" rx=".496"/><rect width="13.914" height=".992" x="9.039" y="14.996" fill="url(#i251fjd)" rx=".496"/><rect width="13.914" height=".992" x="9.039" y="17.996" fill="url(#i1tCdsc)" rx=".496"/><rect width="8.984" height=".992" x="9.039" y="20.996" fill="url(#i9YLU3b)" rx=".496"/><path fill="url(#i7HEiBc)" d="M25.073 13.499a1.5 1.5 0 0 1 2.111.208l1.95 2.378a1.5 1.5 0 0 1-.207 2.11l-14.138 11.6l-3.854-4.698z"/><path fill="url(#iJJ6NNb)" d="M25.073 13.499a1.5 1.5 0 0 1 2.111.208l1.95 2.378a1.5 1.5 0 0 1-.207 2.11l-14.138 11.6l-3.854-4.698z"/><path fill="url(#i1uUFda)" d="M25.073 13.499a1.5 1.5 0 0 1 2.111.208l1.95 2.378a1.5 1.5 0 0 1-.207 2.11l-14.138 11.6l-3.854-4.698z"/><path fill="url(#i8389cd)" d="M25.073 13.499a1.5 1.5 0 0 1 2.111.208l1.95 2.378a1.5 1.5 0 0 1-.207 2.11l-14.138 11.6l-3.854-4.698z"/><path fill="url(#izkNU7d)" d="M9.843 29.795a.133.133 0 0 0 .13.157l4.353.011a.66.66 0 0 0 .354-.101l.109-.068l-3.854-4.698l-.074.074a.66.66 0 0 0-.183.343z"/><path fill="url(#iRyBbLe)" d="M9.843 29.795a.133.133 0 0 0 .13.157l4.353.011a.66.66 0 0 0 .354-.101l.109-.068l-3.854-4.698l-.074.074a.66.66 0 0 0-.183.343z"/><path fill="url(#iQoPbdd)" d="M9.843 29.795a.133.133 0 0 0 .13.157l4.353.011a.66.66 0 0 0 .354-.101l.109-.068l-3.854-4.698l-.074.074a.66.66 0 0 0-.183.343z"/><path fill="url(#i7IAuuc)" d="m27.013 19.765l2.305-1.89a.994.994 0 0 0 .138-1.4l-2.593-3.16a.994.994 0 0 0-1.398-.138l-2.305 1.891z"/><path fill="url(#i7mzdNb)" d="m27.013 19.765l2.305-1.89a.994.994 0 0 0 .138-1.4l-2.593-3.16a.994.994 0 0 0-1.398-.138l-2.305 1.891z"/><path fill="url(#iodKx5c)" d="m27.013 19.765l2.305-1.89a.994.994 0 0 0 .138-1.4l-2.593-3.16a.994.994 0 0 0-1.398-.138l-2.305 1.891z"/><path fill="url(#iVLdnHC)" d="m20.85 16.963l2.31-1.895l3.853 4.697l-2.31 1.895z"/><path fill="url(#ioIdqBc)" d="m20.85 16.963l2.31-1.895l3.853 4.697l-2.31 1.895z"/><path fill="url(#iYaTETj)" d="M9.972 29.952a.133.133 0 0 1-.13-.158l.294-1.501l1.364 1.663z"/><defs><linearGradient id="iO16b5f" x1="16" x2="16" y1="2.043" y2="30.883" gradientUnits="userSpaceOnUse"><stop stop-color="#E4DCEA"/><stop offset="1" stop-color="#CEC1D5"/></linearGradient><linearGradient id="it2Vjve" x1="20.539" x2="23.18" y1="8.707" y2="6.066" gradientUnits="userSpaceOnUse"><stop stop-color="#CAC2CE"/><stop offset="1" stop-color="#BDB4C1"/></linearGradient><linearGradient id="in1YA6c" x1="23.773" x2="22.516" y1="5.551" y2="6.82" gradientUnits="userSpaceOnUse"><stop offset=".119" stop-color="#DBDADC"/><stop offset=".577" stop-color="#CBC7D0" stop-opacity="0"/></linearGradient><linearGradient id="itTqd9c" x1="9.039" x2="22.953" y1="12.492" y2="12.492" gradientUnits="userSpaceOnUse"><stop stop-color="#9C96A2"/><stop offset="1" stop-color="#9A95A1"/></linearGradient><linearGradient id="i251fjd" x1="9.039" x2="22.953" y1="15.492" y2="15.492" gradientUnits="userSpaceOnUse"><stop stop-color="#9C96A2"/><stop offset="1" stop-color="#9A95A1"/></linearGradient><linearGradient id="i1tCdsc" x1="9.039" x2="22.953" y1="18.492" y2="18.492" gradientUnits="userSpaceOnUse"><stop stop-color="#9C96A2"/><stop offset="1" stop-color="#9A95A1"/></linearGradient><linearGradient id="i9YLU3b" x1="9.039" x2="18.023" y1="21.492" y2="21.492" gradientUnits="userSpaceOnUse"><stop stop-color="#9C96A2"/><stop offset="1" stop-color="#9A95A1"/></linearGradient><linearGradient id="iJJ6NNb" x1="16.154" x2="17.087" y1="20.493" y2="21.584" gradientUnits="userSpaceOnUse"><stop stop-color="#EE9B6A"/><stop offset="1" stop-color="#EE9B6A" stop-opacity="0"/></linearGradient><linearGradient id="i1uUFda" x1="22.841" x2="21.707" y1="23.566" y2="22.414" gradientUnits="userSpaceOnUse"><stop stop-color="#E66A62"/><stop offset="1" stop-color="#E66A62" stop-opacity="0"/></linearGradient><linearGradient id="izkNU7d" x1="11.304" x2="12.766" y1="27.483" y2="30.373" gradientUnits="userSpaceOnUse"><stop stop-color="#D8A587"/><stop offset="1" stop-color="#CE7A98"/></linearGradient><linearGradient id="iRyBbLe" x1="13.331" x2="12.952" y1="27.809" y2="28.124" gradientUnits="userSpaceOnUse"><stop offset=".207" stop-color="#FFC09F"/><stop offset="1" stop-color="#FCB196" stop-opacity="0"/></linearGradient><linearGradient id="iQoPbdd" x1="9.748" x2="11.137" y1="27.226" y2="27.487" gradientUnits="userSpaceOnUse"><stop stop-color="#DEBCA3"/><stop offset="1" stop-color="#DEBCA3" stop-opacity="0"/></linearGradient><linearGradient id="i7IAuuc" x1="28.628" x2="25.643" y1="15.108" y2="17.518" gradientUnits="userSpaceOnUse"><stop stop-color="#FF6153"/><stop offset="1" stop-color="#FF6154"/></linearGradient><linearGradient id="i7mzdNb" x1="23.831" x2="25.778" y1="14.385" y2="16.575" gradientUnits="userSpaceOnUse"><stop stop-color="#F1553E"/><stop offset="1" stop-color="#F1553E" stop-opacity="0"/></linearGradient><linearGradient id="iVLdnHC" x1="22.041" x2="24.516" y1="16.081" y2="18.822" gradientUnits="userSpaceOnUse"><stop stop-color="#C5C4CB"/><stop offset="1" stop-color="#E8DEFA"/></linearGradient><linearGradient id="ioIdqBc" x1="25.871" x2="24.492" y1="21.119" y2="19.485" gradientUnits="userSpaceOnUse"><stop stop-color="#C9B9E0"/><stop offset="1" stop-color="#C9B9E0" stop-opacity="0"/></linearGradient><linearGradient id="iYaTETj" x1="10.053" x2="10.657" y1="28.982" y2="30.021" gradientUnits="userSpaceOnUse"><stop stop-color="#461E49"/><stop offset="1" stop-color="#450F51"/></linearGradient><radialGradient id="i7HEiBc" cx="0" cy="0" r="1" gradientTransform="matrix(9.98063 -8.37694 5.1962 6.19096 12.835 27.572)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF9130"/><stop offset="1" stop-color="#F3633D"/></radialGradient><radialGradient id="i8389cd" cx="0" cy="0" r="1" gradientTransform="matrix(9.3224 -7.60972 1.70167 2.08466 12.682 27.432)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF994D"/><stop offset="1" stop-color="#FF994D" stop-opacity="0"/></radialGradient><radialGradient id="iodKx5c" cx="0" cy="0" r="1" gradientTransform="matrix(-.70174 .57568 -1.30777 -1.59415 28.01 15.671)" gradientUnits="userSpaceOnUse"><stop offset=".177" stop-color="#FF786D"/><stop offset="1" stop-color="#FF786D" stop-opacity="0"/></radialGradient><filter id="iqC3Jsb" width="22.322" height="28.314" x="4.939" y="1.743" 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="-.3"/><feGaussianBlur stdDeviation=".3"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.807843 0 0 0 0 0.768627 0 0 0 0 0.85098 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_22438"/><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.709804 0 0 0 0 0.690196 0 0 0 0 0.733333 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_22438" result="effect2_innerShadow_18_22438"/><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=".1"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.72549 0 0 0 0 0.65098 0 0 0 0 0.8 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_22438" result="effect3_innerShadow_18_22438"/><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=".05"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.952941 0 0 0 0 0.941176 0 0 0 0 0.964706 0 0 0 1 0"/><feBlend in2="effect3_innerShadow_18_22438" result="effect4_innerShadow_18_22438"/></filter><filter id="issEKhe" width="7.974" height="8.363" x="19.199" y="1.605" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_22438" stdDeviation=".25"/></filter><filter id="ilnSMje" width="7.29" height="7.414" x="19.771" y="1.945" 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=".075"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.631373 0 0 0 0 0.611765 0 0 0 0 0.654902 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_22438"/><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=".075"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.752941 0 0 0 0 0.67451 0 0 0 0 0.835294 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_22438" result="effect2_innerShadow_18_22438"/></filter></defs></g></svg>Icons in Action
WEB APPLICATION HEADER & NAVIGATION
my-app.com/dashboard
Dashboard
Analytics
Settings
Overview Dashboard
PROGRESS STEPPER
3
BUTTON UI ACTIONS
SCALABILITY & CLARITY
12px
16px
24px
32px
48px
“
Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.
IconSearch Presets
Frequently Asked Questions
Q.How do I use this icon in my React/Next.js project?
You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. MemoIcon.tsx) to avoid installing any npm packages.
Q.Is this icon free for commercial use?
Yes. This icon is published under the open-source **MIT** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.
Q.What is the "Download SVG without fill color" toggle?
Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.