Home/Libraries/OpenMoji (Iconify)/edge

OpenMoji (Iconify)

Edge

License: CC-BY-SA-4.0

ICON SIZE

STROKE WEIGHT1.5px

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 72 72"><path fill="#61b2e4" d="M29 36.5V32c-2.167 0-6.5 2.7-6.5 13.5s8.667 16.833 13 18.5c.667 0 3.6-.4 10-2s11.333-7.333 13-10c-5.167 1.667-17 3.6-23-2S28.667 38.667 29 36.5"/><path fill="#92d3f5" fill-rule="evenodd" d="M63.305 26.207C59.288 15.01 48.58 7 36 7C19.984 7 7 19.984 7 36s12.984 29 29 29q.29 0 .58-.006C28.1 62.45 22 55.354 22 47c0-10.493 2.5-18.5 18.5-18.5c6.755 0 13.753 2.591 18.532 6.757z" clip-rule="evenodd"/><path fill="#92d3f5" fill-rule="evenodd" d="M64.911 33.712A29 29 0 0 0 64.726 32C62.778 17.877 50.66 7 36 7C21.249 7 9.07 18.014 7.238 32.267c1.285-1.105 2.23-2.488 3.14-3.822c1.198-1.754 2.34-3.424 4.122-4.27c8.382-3.976 18.697-1.99 23.454 2.767c3.495 3.494 4.414 8.908 3.08 14.858c.927 1.205 2.407 2.443 4.466 2.7c4 .5 14.5-2 18-8c.532-.912 1-1.85 1.411-2.788" clip-rule="evenodd"/><path fill="#61b2e4" fill-rule="evenodd" d="M41.565 38.26C44.965 34.226 47 29.091 47 23.5c0-6.275-2.564-11.975-6.741-16.19C52.952 9.18 62.97 19.27 64.726 32q.118.85.185 1.712A27 27 0 0 1 63.5 36.5c-3.5 6-14 8.5-18 8c-2.06-.257-3.539-1.495-4.465-2.7c.27-1.206.448-2.39.53-3.54" clip-rule="evenodd"/><g fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M28 36c0 12 12 17.5 20 17.5c6.4 0 10.667-1.667 12-2.5c-3 4.5-12 13.4-24 13c-4.5-1.667-13.5-7.6-13.5-18c0-13 9.5-18 13.5-18"/><path d="M12 21.5C15 16.333 23 8 36 8c16.508 0 29 11 28.5 22.5S55 45 48.5 45c-5.2 0-7.317-3-7.725-4.5c1.022-1.432 1.725-3.113 1.725-5c0-6.5-8-14-18.5-14c-7.5 0-16 2-16 14m0 .5c0 16 13 26 21 27"/></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. EdgeIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-SA-4.0** 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.