Star Arrow Right icon

The Star Arrow Right icon is part of Microsoft's Fluent UI System Icons, available here in the light style on a 32 px grid. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.

Light

Every size and style

Microsoft draws each size separately so icons stay crisp, rather than scaling one drawing. Pick a style and size to preview it, download it, or copy the code for your platform.

Light, 32 px

ic_fluent_star_arrow_right_32_light.svg

npm install @fluentui/react-icons

import { StarArrowRight32Light } from "@fluentui/react-icons";

export function Example() {
  return <StarArrowRight32Light aria-label="Star Arrow Right" />;
}

Use the Star Arrow Right icon in React

Install Microsoft's @fluentui/react-icons package, then import the component. Icons inherit the current text color, and you can size them with CSS.

npm install @fluentui/react-icons

import { StarArrowRight32Light } from "@fluentui/react-icons";

export function Example() {
  return <StarArrowRight32Light aria-label="Star Arrow Right" />;
}

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_star_arrow_right_32_light.svg" width="32" height="32" alt="Star Arrow Right">

Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent:

<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M20.4 11.35a1 1 0 0 1-.75-.55l-3.2-6.52a.5.5 0 0 0-.9 0l-3.2 6.52a1 1 0 0 1-.75.55L4.43 12.4a.5.5 0 0 0-.28.85l1.26 1.23a9 9 0 0 0-.9.53l-1.06-1.05a1.5 1.5 0 0 1 .83-2.55l7.18-1.05 3.2-6.52a1.5 1.5 0 0 1 2.69 0l3.2 6.52 7.17 1.05a1.5 1.5 0 0 1 .83 2.55l-5.2 5.1 1.23 7.18a1.5 1.5 0 0 1-2.18 1.58L18 25.5q.16-.48.27-.98l4.6 2.43c.36.2.8-.12.72-.53l-1.22-7.18a1 1 0 0 1 .29-.88l5.2-5.1a.5.5 0 0 0-.29-.85zM17 22.5a7.5 7.5 0 1 0-15 0 7.5 7.5 0 0 0 15 0m-12.25-1h7.69l-2.72-2.72a.75.75 0 1 1 1.06-1.06l4 4c.3.3.3.77 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06L12.44 23H4.75a.75.75 0 0 1 0-1.5"/></svg>

Details

Name	Star Arrow Right
Styles	Light
Sizes	32 px
Light file	`ic_fluent_star_arrow_right_32_light.svg`
React (Light)	`StarArrowRight32Light`
License	MIT (© Microsoft Corporation)

Star Arrow Right icon

Every size and style