Home/Libraries/Radix Icons/angle

Radix Icons

AngleIcon

License: MITCommercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" width="256" height="256" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.26075 2.23278C8.43141 2.07478 8.69525 2.05291 8.89161 2.19372C9.08772 2.33448 9.15128 2.5909 9.05665 2.80309L9.00587 2.89098L2.47364 12.0004H13.5L13.6006 12.0101C13.8285 12.0567 14 12.2587 14 12.5004C13.9998 12.7419 13.8284 12.9431 13.6006 12.9896L13.5 13.0004H1.50001C1.31254 13.0004 1.14129 12.8947 1.05567 12.7279C0.970155 12.5612 0.984544 12.3606 1.09376 12.2084L8.19337 2.30895L8.26075 2.23278ZM13.4004 10.0004C13.6764 10.0006 13.9004 10.2243 13.9004 10.5004C13.9002 10.7762 13.6763 11.0002 13.4004 11.0004C13.1244 11.0004 12.9006 10.7763 12.9004 10.5004C12.9004 10.2242 13.1243 10.0004 13.4004 10.0004ZM12.5996 8.00036C12.8758 8.00036 13.0996 8.22422 13.0996 8.50036C13.0994 8.77634 12.8756 9.00036 12.5996 9.00036C12.3238 9.00016 12.0998 8.77622 12.0996 8.50036C12.0996 8.22434 12.3236 8.00056 12.5996 8.00036ZM11.5996 6.00036C11.8758 6.00036 12.0996 6.22422 12.0996 6.50036C12.0994 6.77634 11.8756 7.00036 11.5996 7.00036C11.3238 7.00016 11.0998 6.77622 11.0996 6.50036C11.0996 6.22434 11.3236 6.00056 11.5996 6.00036ZM10.4004 4.00036C10.6764 4.00056 10.9004 4.22434 10.9004 4.50036C10.9002 4.77622 10.6763 5.00016 10.4004 5.00036C10.1244 5.00036 9.90059 4.77634 9.9004 4.50036C9.9004 4.22422 10.1243 4.00036 10.4004 4.00036Z" fill="#818cf8"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Dashboard

Analytics

Settings

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 @radix-ui/react-icons) 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. AngleIconIcon.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.