Home/Libraries/Fluent Emoji (Iconify)/end-arrow

Fluent Emoji (Iconify)

EndArrow

License: MITCommercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<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="M16.981 21.71c0-.55.45-1 1-1s1 .44 1 1v7.2a.996.996 0 0 1-1.83.54l-2.89-4.41v3.86c0 .55-.45 1-1 1s-1-.45-1-1v-7.2c0-.44.29-.82.71-.95c.42-.12.88.04 1.12.41l2.89 4.41zm4.34-.9h2.53a2.61 2.61 0 0 1 2.61 2.6v3.98c0 1.44-1.17 2.61-2.61 2.61h-2.53c-.55 0-1-.45-1-1v-7.19c0-.55.45-1 1-1m2.54 7.19c.33 0 .61-.27.61-.61v-3.98c0-.33-.27-.61-.61-.61h-1.53V28zm-14.09-5.2c.55 0 1-.45 1-1s-.45-1-1-1h-3.32c-.55 0-1 .45-1 1V29c0 .55.45 1 1 1h3.33c.55 0 1-.45 1-1s-.45-1-1-1h-2.34v-1.6h2.33c.55 0 1-.45 1-1s-.45-1-1-1h-2.33v-1.6z"/><path fill="#818cf8" d="m2.356 11.23l8.31 7.57c.61.56 1.6.12 1.6-.71v-3.63c0-.35.29-.64.64-.64h15.86c.66 0 1.19-.53 1.19-1.19V8.42c0-.66-.53-1.19-1.19-1.19h-15.86c-.35 0-.64-.29-.64-.64V2.96c0-.83-.99-1.27-1.6-.71l-8.31 7.57a.946.946 0 0 0 0 1.41"/><path fill="url(#iILkDvH)" d="m2.356 11.23l8.31 7.57c.61.56 1.6.12 1.6-.71v-3.63c0-.35.29-.64.64-.64h15.86c.66 0 1.19-.53 1.19-1.19V8.42c0-.66-.53-1.19-1.19-1.19h-15.86c-.35 0-.64-.29-.64-.64V2.96c0-.83-.99-1.27-1.6-.71l-8.31 7.57a.946.946 0 0 0 0 1.41"/><path fill="url(#imZk32b)" d="m2.356 11.23l8.31 7.57c.61.56 1.6.12 1.6-.71v-3.63c0-.35.29-.64.64-.64h15.86c.66 0 1.19-.53 1.19-1.19V8.42c0-.66-.53-1.19-1.19-1.19h-15.86c-.35 0-.64-.29-.64-.64V2.96c0-.83-.99-1.27-1.6-.71l-8.31 7.57a.946.946 0 0 0 0 1.41"/><path fill="url(#iRULIde)" d="m2.356 11.23l8.31 7.57c.61.56 1.6.12 1.6-.71v-3.63c0-.35.29-.64.64-.64h15.86c.66 0 1.19-.53 1.19-1.19V8.42c0-.66-.53-1.19-1.19-1.19h-15.86c-.35 0-.64-.29-.64-.64V2.96c0-.83-.99-1.27-1.6-.71l-8.31 7.57a.946.946 0 0 0 0 1.41"/><path fill="url(#iPdCNDe)" d="m2.356 11.23l8.31 7.57c.61.56 1.6.12 1.6-.71v-3.63c0-.35.29-.64.64-.64h15.86c.66 0 1.19-.53 1.19-1.19V8.42c0-.66-.53-1.19-1.19-1.19h-15.86c-.35 0-.64-.29-.64-.64V2.96c0-.83-.99-1.27-1.6-.71l-8.31 7.57a.946.946 0 0 0 0 1.41"/><path fill="url(#ihHIasc)" d="m2.356 11.23l8.31 7.57c.61.56 1.6.12 1.6-.71v-3.63c0-.35.29-.64.64-.64h15.86c.66 0 1.19-.53 1.19-1.19V8.42c0-.66-.53-1.19-1.19-1.19h-15.86c-.35 0-.64-.29-.64-.64V2.96c0-.83-.99-1.27-1.6-.71l-8.31 7.57a.946.946 0 0 0 0 1.41"/><path fill="url(#iH1n6Lb)" d="m2.356 11.23l8.31 7.57c.61.56 1.6.12 1.6-.71v-3.63c0-.35.29-.64.64-.64h15.86c.66 0 1.19-.53 1.19-1.19V8.42c0-.66-.53-1.19-1.19-1.19h-15.86c-.35 0-.64-.29-.64-.64V2.96c0-.83-.99-1.27-1.6-.71l-8.31 7.57a.946.946 0 0 0 0 1.41"/><path fill="url(#izsvnJe)" d="m2.356 11.23l8.31 7.57c.61.56 1.6.12 1.6-.71v-3.63c0-.35.29-.64.64-.64h15.86c.66 0 1.19-.53 1.19-1.19V8.42c0-.66-.53-1.19-1.19-1.19h-15.86c-.35 0-.64-.29-.64-.64V2.96c0-.83-.99-1.27-1.6-.71l-8.31 7.57a.946.946 0 0 0 0 1.41"/><path fill="url(#inRg3Vc)" d="m2.356 11.23l8.31 7.57c.61.56 1.6.12 1.6-.71v-3.63c0-.35.29-.64.64-.64h15.86c.66 0 1.19-.53 1.19-1.19V8.42c0-.66-.53-1.19-1.19-1.19h-15.86c-.35 0-.64-.29-.64-.64V2.96c0-.83-.99-1.27-1.6-.71l-8.31 7.57a.946.946 0 0 0 0 1.41"/><path fill="#818cf8" d="M12.268 14.46c0-.35.29-.64.64-.64h15.86c.66 0 1.19-.53 1.19-1.19V8.42c0-.66-.53-1.19-1.19-1.19h-15.86c-.35 0-.64-.29-.64-.64z"/><path fill="url(#iILkDvH)" d="M12.268 14.46c0-.35.29-.64.64-.64h15.86c.66 0 1.19-.53 1.19-1.19V8.42c0-.66-.53-1.19-1.19-1.19h-15.86c-.35 0-.64-.29-.64-.64z"/><path fill="url(#imZk32b)" d="M12.268 14.46c0-.35.29-.64.64-.64h15.86c.66 0 1.19-.53 1.19-1.19V8.42c0-.66-.53-1.19-1.19-1.19h-15.86c-.35 0-.64-.29-.64-.64z"/><path fill="url(#ii5ajRc)" d="M12.268 14.46c0-.35.29-.64.64-.64h15.86c.66 0 1.19-.53 1.19-1.19V8.42c0-.66-.53-1.19-1.19-1.19h-15.86c-.35 0-.64-.29-.64-.64z"/><path fill="url(#i2Yopyd)" d="M12.268 14.46c0-.35.29-.64.64-.64h15.86c.66 0 1.19-.53 1.19-1.19V8.42c0-.66-.53-1.19-1.19-1.19h-15.86c-.35 0-.64-.29-.64-.64z"/><path fill="url(#i0JYDLb)" d="M12.268 14.46c0-.35.29-.64.64-.64h15.86c.66 0 1.19-.53 1.19-1.19V8.42c0-.66-.53-1.19-1.19-1.19h-15.86c-.35 0-.64-.29-.64-.64z"/><path fill="url(#ijFACBe)" d="M12.268 14.46c0-.35.29-.64.64-.64h15.86c.66 0 1.19-.53 1.19-1.19V8.42c0-.66-.53-1.19-1.19-1.19h-15.86c-.35 0-.64-.29-.64-.64z"/><path fill="url(#iB177vb)" d="M12.268 14.46c0-.35.29-.64.64-.64h15.86c.66 0 1.19-.53 1.19-1.19V8.42c0-.66-.53-1.19-1.19-1.19h-15.86c-.35 0-.64-.29-.64-.64z"/><defs><radialGradient id="iILkDvH" cx="0" cy="0" r="1" gradientTransform="matrix(1.34375 -1.4375 22.03021 20.59345 6.37 15.438)" gradientUnits="userSpaceOnUse"><stop offset=".297" stop-color="#5836AB"/><stop offset=".586" stop-color="#7647CD"/><stop offset="1" stop-color="#7647CD" stop-opacity="0"/></radialGradient><radialGradient id="imZk32b" cx="0" cy="0" r="1" gradientTransform="matrix(1.125 1.25 -12.3895 11.1506 6.12 6.125)" gradientUnits="userSpaceOnUse"><stop offset=".195" stop-color="#483F6E"/><stop offset="1" stop-color="#5F5395" stop-opacity="0"/></radialGradient><radialGradient id="iRULIde" cx="0" cy="0" r="1" gradientTransform="matrix(-.10937 4.53125 -2.1519 -.05194 12.588 4.828)" gradientUnits="userSpaceOnUse"><stop offset=".61" stop-color="#968ACD"/><stop offset="1" stop-color="#897DC2" stop-opacity="0"/></radialGradient><radialGradient id="iPdCNDe" cx="0" cy="0" r="1" gradientTransform="matrix(-.12495 6.84375 -1.43338 -.02617 12.932 2.594)" gradientUnits="userSpaceOnUse"><stop offset=".52" stop-color="#6E5DAF"/><stop offset="1" stop-color="#6E5DAF" stop-opacity="0"/></radialGradient><radialGradient id="ihHIasc" cx="0" cy="0" r="1" gradientTransform="matrix(.76563 1.15625 -.61965 .4103 11.9 7.484)" gradientUnits="userSpaceOnUse"><stop stop-color="#A297D5"/><stop offset="1" stop-color="#A297D5" stop-opacity="0"/></radialGradient><radialGradient id="iH1n6Lb" cx="0" cy="0" r="1" gradientTransform="matrix(-.23438 .79688 -.53183 -.15643 11.54 2.86)" gradientUnits="userSpaceOnUse"><stop stop-color="#A096D0"/><stop offset="1" stop-color="#A096D0" stop-opacity="0"/></radialGradient><radialGradient id="izsvnJe" cx="0" cy="0" r="1" gradientTransform="matrix(-.89064 1.70312 -1.83336 -.95874 12.916 14.11)" gradientUnits="userSpaceOnUse"><stop offset=".317" stop-color="#5F36BA"/><stop offset=".489" stop-color="#8649E1"/><stop offset="1" stop-color="#8155D1" stop-opacity="0"/></radialGradient><radialGradient id="inRg3Vc" cx="0" cy="0" r="1" gradientTransform="matrix(.21875 3.875 -.83036 .04687 12.37 16.563)" gradientUnits="userSpaceOnUse"><stop offset=".443" stop-color="#62529E"/><stop offset="1" stop-color="#62529E" stop-opacity="0"/></radialGradient><radialGradient id="i0JYDLb" cx="0" cy="0" r="1" gradientTransform="matrix(0 -1.97363 43.6774 0 21.682 14.094)" gradientUnits="userSpaceOnUse"><stop offset=".217" stop-color="#5E36B9"/><stop offset=".491" stop-color="#8745E5"/><stop offset="1" stop-color="#8745E5" stop-opacity="0"/></radialGradient><radialGradient id="ijFACBe" cx="0" cy="0" r="1" gradientTransform="matrix(-.75 .5625 -.35576 -.47435 28.978 8.28)" gradientUnits="userSpaceOnUse"><stop stop-color="#A398D7"/><stop offset="1" stop-color="#A398D7" stop-opacity="0"/></radialGradient><radialGradient id="iB177vb" cx="0" cy="0" r="1" gradientTransform="matrix(.85937 1.32813 -.82903 .53643 11.838 7.36)" gradientUnits="userSpaceOnUse"><stop offset=".173" stop-color="#A297D5"/><stop offset="1" stop-color="#A297D5" stop-opacity="0"/></radialGradient><linearGradient id="ii5ajRc" x1="30.275" x2="27.963" y1="11.188" y2="11.188" gradientUnits="userSpaceOnUse"><stop offset=".122" stop-color="#6454A3"/><stop offset=".514" stop-color="#8172C2"/><stop offset=".689" stop-color="#8273C3"/><stop offset="1" stop-color="#8172C2" stop-opacity="0"/></linearGradient><linearGradient id="i2Yopyd" x1="21.713" x2="21.713" y1="7.094" y2="8.906" gradientUnits="userSpaceOnUse"><stop offset=".122" stop-color="#6454A3"/><stop offset=".5" stop-color="#8172C2"/><stop offset=".689" stop-color="#8273C3"/><stop offset="1" stop-color="#8172C2" stop-opacity="0"/></linearGradient></defs></g></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

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. EndArrowIcon.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.