<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 32 32"><g fill="none"><path fill="#818cf8" d="M12.44 20.817H6c-.55 0-1 .45-1 1s.45 1 1 1h2.22v6.17c0 .55.45 1 1 1s1-.45 1-1v-6.17h2.22c.55 0 1-.45 1-1c0-.56-.45-1-1-1m9.39.01h2.77c1.51 0 2.74 1.23 2.74 2.74s-1.23 2.74-2.74 2.74h-1.77v2.69c0 .55-.45 1-1 1s-1-.45-1-1v-7.17c0-.55.45-1 1-1m1 3.48h1.77c.41 0 .74-.33.74-.74s-.33-.74-.74-.74h-1.77zm-9.39 2.55c0 1.73 1.41 3.14 3.15 3.14c1.73 0 3.15-1.41 3.15-3.14v-2.88c0-1.73-1.41-3.14-3.15-3.14s-3.15 1.41-3.15 3.14zm2-2.88a1.15 1.15 0 0 1 2.3 0v2.88c0 .64-.52 1.15-1.15 1.15s-1.15-.52-1.15-1.15z"/><path fill="#818cf8" d="m16.683 2.316l7.57 8.32c.56.62.12 1.6-.71 1.6h-3.64c-.35 0-.64.29-.64.64V17.8c.01.65-.53 1.18-1.18 1.18h-4.22c-.66 0-1.19-.53-1.19-1.19v-4.923c0-.35-.29-.64-.64-.64h-3.64c-.83 0-1.27-.99-.71-1.6l7.57-8.32a.977.977 0 0 1 1.43.01"/><path fill="url(#ih4pZdb)" d="m16.683 2.316l7.57 8.32c.56.62.12 1.6-.71 1.6h-3.64c-.35 0-.64.29-.64.64V17.8c.01.65-.53 1.18-1.18 1.18h-4.22c-.66 0-1.19-.53-1.19-1.19v-4.923c0-.35-.29-.64-.64-.64h-3.64c-.83 0-1.27-.99-.71-1.6l7.57-8.32a.977.977 0 0 1 1.43.01"/><path fill="url(#inv1cdc)" d="m16.683 2.316l7.57 8.32c.56.62.12 1.6-.71 1.6h-3.64c-.35 0-.64.29-.64.64V17.8c.01.65-.53 1.18-1.18 1.18h-4.22c-.66 0-1.19-.53-1.19-1.19v-4.923c0-.35-.29-.64-.64-.64h-3.64c-.83 0-1.27-.99-.71-1.6l7.57-8.32a.977.977 0 0 1 1.43.01"/><path fill="url(#icWiC7c)" d="m16.683 2.316l7.57 8.32c.56.62.12 1.6-.71 1.6h-3.64c-.35 0-.64.29-.64.64V17.8c.01.65-.53 1.18-1.18 1.18h-4.22c-.66 0-1.19-.53-1.19-1.19v-4.923c0-.35-.29-.64-.64-.64h-3.64c-.83 0-1.27-.99-.71-1.6l7.57-8.32a.977.977 0 0 1 1.43.01"/><path fill="url(#ilODXeb)" d="m16.683 2.316l7.57 8.32c.56.62.12 1.6-.71 1.6h-3.64c-.35 0-.64.29-.64.64V17.8c.01.65-.53 1.18-1.18 1.18h-4.22c-.66 0-1.19-.53-1.19-1.19v-4.923c0-.35-.29-.64-.64-.64h-3.64c-.83 0-1.27-.99-.71-1.6l7.57-8.32a.977.977 0 0 1 1.43.01"/><path fill="url(#iH7TbPc)" d="m16.683 2.316l7.57 8.32c.56.62.12 1.6-.71 1.6h-3.64c-.35 0-.64.29-.64.64V17.8c.01.65-.53 1.18-1.18 1.18h-4.22c-.66 0-1.19-.53-1.19-1.19v-4.923c0-.35-.29-.64-.64-.64h-3.64c-.83 0-1.27-.99-.71-1.6l7.57-8.32a.977.977 0 0 1 1.43.01"/><path fill="url(#iirXYnd)" d="m16.683 2.316l7.57 8.32c.56.62.12 1.6-.71 1.6h-3.64c-.35 0-.64.29-.64.64V17.8c.01.65-.53 1.18-1.18 1.18h-4.22c-.66 0-1.19-.53-1.19-1.19v-4.923c0-.35-.29-.64-.64-.64h-3.64c-.83 0-1.27-.99-.71-1.6l7.57-8.32a.977.977 0 0 1 1.43.01"/><path fill="url(#iUziqZt)" d="m16.683 2.316l7.57 8.32c.56.62.12 1.6-.71 1.6h-3.64c-.35 0-.64.29-.64.64V17.8c.01.65-.53 1.18-1.18 1.18h-4.22c-.66 0-1.19-.53-1.19-1.19v-4.923c0-.35-.29-.64-.64-.64h-3.64c-.83 0-1.27-.99-.71-1.6l7.57-8.32a.977.977 0 0 1 1.43.01"/><path fill="url(#iFKxCGd)" d="m16.683 2.316l7.57 8.32c.56.62.12 1.6-.71 1.6h-3.64c-.35 0-.64.29-.64.64V17.8c.01.65-.53 1.18-1.18 1.18h-4.22c-.66 0-1.19-.53-1.19-1.19v-4.923c0-.35-.29-.64-.64-.64h-3.64c-.83 0-1.27-.99-.71-1.6l7.57-8.32a.977.977 0 0 1 1.43.01"/><path fill="url(#i0vekEc)" d="m16.683 2.316l7.57 8.32c.56.62.12 1.6-.71 1.6h-3.64c-.35 0-.64.29-.64.64V17.8c.01.65-.53 1.18-1.18 1.18h-4.22c-.66 0-1.19-.53-1.19-1.19v-4.923c0-.35-.29-.64-.64-.64h-3.64c-.83 0-1.27-.99-.71-1.6l7.57-8.32a.977.977 0 0 1 1.43.01"/><path fill="url(#ixZ9Zwd)" d="m16.683 2.316l7.57 8.32c.56.62.12 1.6-.71 1.6h-3.64c-.35 0-.64.29-.64.64V17.8c.01.65-.53 1.18-1.18 1.18h-4.22c-.66 0-1.19-.53-1.19-1.19v-4.923c0-.35-.29-.64-.64-.64h-3.64c-.83 0-1.27-.99-.71-1.6l7.57-8.32a.977.977 0 0 1 1.43.01"/><path fill="#818cf8" d="M19.904 12.236c-.35 0-.64.29-.64.64V17.8c.01.65-.53 1.18-1.18 1.18h-4.22c-.66 0-1.19-.53-1.19-1.19v-4.923c0-.35-.29-.64-.64-.64z"/><path fill="url(#iPFqLre)" d="M19.904 12.236c-.35 0-.64.29-.64.64V17.8c.01.65-.53 1.18-1.18 1.18h-4.22c-.66 0-1.19-.53-1.19-1.19v-4.923c0-.35-.29-.64-.64-.64z"/><path fill="url(#iNDLbXb)" d="M19.904 12.236c-.35 0-.64.29-.64.64V17.8c.01.65-.53 1.18-1.18 1.18h-4.22c-.66 0-1.19-.53-1.19-1.19v-4.923c0-.35-.29-.64-.64-.64z"/><path fill="url(#i1Hlywc)" d="M19.904 12.236c-.35 0-.64.29-.64.64V17.8c.01.65-.53 1.18-1.18 1.18h-4.22c-.66 0-1.19-.53-1.19-1.19v-4.923c0-.35-.29-.64-.64-.64z"/><path fill="#818cf8" d="m16.684 2.316l7.57 8.32c.56.62.12 1.6-.71 1.6h-3.64c-.35 0-.64.29-.64.64l-6.59-.01c0-.35-.29-.64-.64-.64h-3.64c-.83 0-1.27-.99-.71-1.6l7.57-8.32a.977.977 0 0 1 1.43.01"/><path fill="url(#iHWL7Qc)" d="m16.684 2.316l7.57 8.32c.56.62.12 1.6-.71 1.6h-3.64c-.35 0-.64.29-.64.64l-6.59-.01c0-.35-.29-.64-.64-.64h-3.64c-.83 0-1.27-.99-.71-1.6l7.57-8.32a.977.977 0 0 1 1.43.01"/><path fill="url(#iCMbWLd)" d="m16.684 2.316l7.57 8.32c.56.62.12 1.6-.71 1.6h-3.64c-.35 0-.64.29-.64.64l-6.59-.01c0-.35-.29-.64-.64-.64h-3.64c-.83 0-1.27-.99-.71-1.6l7.57-8.32a.977.977 0 0 1 1.43.01"/><path fill="url(#ieDXh5M)" d="m16.684 2.316l7.57 8.32c.56.62.12 1.6-.71 1.6h-3.64c-.35 0-.64.29-.64.64l-6.59-.01c0-.35-.29-.64-.64-.64h-3.64c-.83 0-1.27-.99-.71-1.6l7.57-8.32a.977.977 0 0 1 1.43.01"/><path fill="url(#iR9kfod)" d="m16.684 2.316l7.57 8.32c.56.62.12 1.6-.71 1.6h-3.64c-.35 0-.64.29-.64.64l-6.59-.01c0-.35-.29-.64-.64-.64h-3.64c-.83 0-1.27-.99-.71-1.6l7.57-8.32a.977.977 0 0 1 1.43.01"/><path fill="url(#ietuXpd)" d="m16.684 2.316l7.57 8.32c.56.62.12 1.6-.71 1.6h-3.64c-.35 0-.64.29-.64.64l-6.59-.01c0-.35-.29-.64-.64-.64h-3.64c-.83 0-1.27-.99-.71-1.6l7.57-8.32a.977.977 0 0 1 1.43.01"/><path fill="url(#igulile)" d="m16.684 2.316l7.57 8.32c.56.62.12 1.6-.71 1.6h-3.64c-.35 0-.64.29-.64.64l-6.59-.01c0-.35-.29-.64-.64-.64h-3.64c-.83 0-1.27-.99-.71-1.6l7.57-8.32a.977.977 0 0 1 1.43.01"/><path fill="url(#iiieCQd)" d="m16.684 2.316l7.57 8.32c.56.62.12 1.6-.71 1.6h-3.64c-.35 0-.64.29-.64.64l-6.59-.01c0-.35-.29-.64-.64-.64h-3.64c-.83 0-1.27-.99-.71-1.6l7.57-8.32a.977.977 0 0 1 1.43.01"/><path fill="url(#iNgopLc)" d="m16.684 2.316l7.57 8.32c.56.62.12 1.6-.71 1.6h-3.64c-.35 0-.64.29-.64.64l-6.59-.01c0-.35-.29-.64-.64-.64h-3.64c-.83 0-1.27-.99-.71-1.6l7.57-8.32a.977.977 0 0 1 1.43.01"/><path fill="url(#isWHzPe)" d="m16.684 2.316l7.57 8.32c.56.62.12 1.6-.71 1.6h-3.64c-.35 0-.64.29-.64.64l-6.59-.01c0-.35-.29-.64-.64-.64h-3.64c-.83 0-1.27-.99-.71-1.6l7.57-8.32a.977.977 0 0 1 1.43.01"/><path fill="url(#izUbPjd)" d="m16.684 2.316l7.57 8.32c.56.62.12 1.6-.71 1.6h-3.64c-.35 0-.64.29-.64.64l-6.59-.01c0-.35-.29-.64-.64-.64h-3.64c-.83 0-1.27-.99-.71-1.6l7.57-8.32a.977.977 0 0 1 1.43.01"/><path fill="url(#iOKEXkh)" d="m16.684 2.316l7.57 8.32c.56.62.12 1.6-.71 1.6h-3.64c-.35 0-.64.29-.64.64l-6.59-.01c0-.35-.29-.64-.64-.64h-3.64c-.83 0-1.27-.99-.71-1.6l7.57-8.32a.977.977 0 0 1 1.43.01"/><defs><radialGradient id="iirXYnd" cx="0" cy="0" r="1" gradientTransform="matrix(-5.15451 0 0 -1.07456 23.557 22.117)" gradientUnits="userSpaceOnUse"><stop stop-color="#635994"/><stop offset="0" stop-color="#8176BB"/><stop offset="1" stop-color="#635994" stop-opacity="0"/></radialGradient><radialGradient id="iUziqZt" cx="0" cy="0" r="1" gradientTransform="matrix(5.8262 0 0 1.21459 7.608 22.453)" gradientUnits="userSpaceOnUse"><stop stop-color="#635994"/><stop offset="0" stop-color="#8176BB"/><stop offset="1" stop-color="#635994" stop-opacity="0"/></radialGradient><radialGradient id="ixZ9Zwd" cx="0" cy="0" r="1" gradientTransform="matrix(-2.112 0 0 -3.45616 23.848 11.135)" gradientUnits="userSpaceOnUse"><stop stop-color="#584E86"/><stop offset="1" stop-color="#584E86" stop-opacity="0"/></radialGradient><radialGradient id="iPFqLre" cx="0" cy="0" r="1" gradientTransform="matrix(0 -2.125 25.4904 0 16.222 19.5)" gradientUnits="userSpaceOnUse"><stop offset=".25" stop-color="#653AC7"/><stop offset=".544" stop-color="#9150F4"/><stop offset="1" stop-color="#914EF5" stop-opacity="0"/></radialGradient><radialGradient id="iNDLbXb" cx="0" cy="0" r="1" gradientTransform="rotate(87.624 -2.056 13.7)scale(7.63156 2.47732)" gradientUnits="userSpaceOnUse"><stop offset=".523" stop-color="#4D3C86"/><stop offset=".923" stop-color="#604CA4" stop-opacity="0"/></radialGradient><radialGradient id="i1Hlywc" cx="0" cy="0" r="1" gradientTransform="rotate(91.766 2.684 17.366)scale(7.09712 2.30383)" gradientUnits="userSpaceOnUse"><stop offset=".292" stop-color="#4D3C86"/><stop offset=".923" stop-color="#604CA4" stop-opacity="0"/></radialGradient><radialGradient id="iHWL7Qc" cx="0" cy="0" r="1" gradientTransform="matrix(-1.53124 1.37501 -25.36614 -28.2482 19.813 5.656)" gradientUnits="userSpaceOnUse"><stop offset=".285" stop-color="#9D92D4"/><stop offset=".537" stop-color="#998ED2"/><stop offset="1" stop-color="#7F6DC5" stop-opacity="0"/></radialGradient><radialGradient id="iCMbWLd" cx="0" cy="0" r="1" gradientTransform="matrix(0 -1.25 4.60366 0 8.875 12)" gradientUnits="userSpaceOnUse"><stop offset=".159" stop-color="#8955E1"/><stop offset=".983" stop-color="#8B52E6" stop-opacity="0"/></radialGradient><radialGradient id="ieDXh5M" cx="0" cy="0" r="1" gradientTransform="matrix(0 -.8125 3.44764 0 22.781 11.75)" gradientUnits="userSpaceOnUse"><stop offset=".159" stop-color="#8B52E6"/><stop offset=".983" stop-color="#8B52E6" stop-opacity="0"/></radialGradient><radialGradient id="iR9kfod" cx="0" cy="0" r="1" gradientTransform="matrix(-1.25001 1.14062 -20.7876 -22.7813 20.625 5.422)" gradientUnits="userSpaceOnUse"><stop offset=".538" stop-color="#6E60A6"/><stop offset="1" stop-color="#8677C6" stop-opacity="0"/><stop offset="1" stop-color="#7062A8" stop-opacity="0"/></radialGradient><radialGradient id="ietuXpd" cx="0" cy="0" r="1" gradientTransform="matrix(2.15626 2.03124 -21.12732 22.4276 10.562 5.156)" gradientUnits="userSpaceOnUse"><stop offset=".458" stop-color="#483F6E"/><stop offset="1" stop-color="#5F5395" stop-opacity="0"/></radialGradient><radialGradient id="igulile" cx="0" cy="0" r="1" gradientTransform="matrix(1.32813 -.76562 .92023 1.59633 12.344 13.14)" gradientUnits="userSpaceOnUse"><stop offset=".3" stop-color="#4D3C87"/><stop offset=".935" stop-color="#5D49A1" stop-opacity="0"/></radialGradient><radialGradient id="iiieCQd" cx="0" cy="0" r="1" gradientTransform="matrix(-1.76562 .23436 -.28169 -2.12218 19.938 13.25)" gradientUnits="userSpaceOnUse"><stop offset=".171" stop-color="#4D3C87"/><stop offset=".935" stop-color="#5D49A1" stop-opacity="0"/></radialGradient><radialGradient id="iNgopLc" cx="0" cy="0" r="1" gradientTransform="matrix(.0625 1.0625 -4.66218 .2742 8.75 12.72)" gradientUnits="userSpaceOnUse"><stop offset=".557" stop-color="#623BBD"/><stop offset="1" stop-color="#623BBD" stop-opacity="0"/></radialGradient><radialGradient id="isWHzPe" cx="0" cy="0" r="1" gradientTransform="matrix(-.15625 1.125 -4.53031 -.62921 23.563 12.719)" gradientUnits="userSpaceOnUse"><stop offset=".349" stop-color="#623BBD"/><stop offset="1" stop-color="#623BBD" stop-opacity="0"/></radialGradient><radialGradient id="izUbPjd" cx="0" cy="0" r="1" gradientTransform="matrix(-.65234 1.6875 -1.61342 -.6237 25.156 11.781)" gradientUnits="userSpaceOnUse"><stop offset=".365" stop-color="#5F48A9"/><stop offset="1" stop-color="#5F48A9" stop-opacity="0"/></radialGradient><radialGradient id="iOKEXkh" cx="0" cy="0" r="1" gradientTransform="matrix(1.5625 3.375 -2.28312 1.057 6.406 11.875)" gradientUnits="userSpaceOnUse"><stop offset=".3" stop-color="#534297"/><stop offset=".867" stop-color="#534297" stop-opacity="0"/></radialGradient><linearGradient id="ih4pZdb" x1="20.061" x2="17.558" y1="12.03" y2="12.03" gradientUnits="userSpaceOnUse"><stop offset=".237" stop-color="#403966"/><stop offset=".841" stop-color="#403966" stop-opacity="0"/></linearGradient><linearGradient id="inv1cdc" x1="11.301" x2="14.492" y1="12.03" y2="12.03" gradientUnits="userSpaceOnUse"><stop offset=".294" stop-color="#403966"/><stop offset=".841" stop-color="#403966" stop-opacity="0"/></linearGradient><linearGradient id="icWiC7c" x1="15.764" x2="15.764" y1="29.936" y2="2" gradientUnits="userSpaceOnUse"><stop offset=".61" stop-color="#635994" stop-opacity="0"/><stop offset=".675" stop-color="#635994"/></linearGradient><linearGradient id="ilODXeb" x1="16.223" x2="16.223" y1="19.656" y2="17.594" gradientUnits="userSpaceOnUse"><stop offset=".181" stop-color="#403966"/><stop offset=".841" stop-color="#403966" stop-opacity="0"/></linearGradient><linearGradient id="iH7TbPc" x1="22.066" x2="17.566" y1="4.28" y2="8.311" gradientUnits="userSpaceOnUse"><stop offset=".238" stop-color="#635994" stop-opacity="0"/><stop offset=".628" stop-color="#8176BB" stop-opacity=".5"/><stop offset="1" stop-color="#635994" stop-opacity="0"/></linearGradient><linearGradient id="iFKxCGd" x1="10.557" x2="13.098" y1="4.401" y2="6.905" gradientUnits="userSpaceOnUse"><stop offset=".375" stop-color="#403966"/><stop offset=".919" stop-color="#403966" stop-opacity="0"/></linearGradient><linearGradient id="i0vekEc" x1="22.428" x2="19.429" y1="3.871" y2="7.11" gradientUnits="userSpaceOnUse"><stop offset=".428" stop-color="#403966"/><stop offset=".906" stop-color="#403966" stop-opacity="0"/></linearGradient></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. TopArrowIcon.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.