Edge icon
openmoji:edge
The Edge icon (openmoji:edge) is a free SVG icon from the OpenMoji set. It is drawn on a 72 × 72 grid. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- OpenMoji
- Author
- OpenMoji
- License
- CC-BY-SA-4.0
- Size
- 72 × 72
- Category
- Extras Openmoji
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" 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="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><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>
How to use the Edge icon
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:edge" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:edge" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:edge" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--edge]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:edge"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:edge"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/openmoji/edge.svg" alt="Edge icon" width="24" height="24">
Edge icon in other icon sets
Edge icon FAQ
Is the Edge icon free for commercial use?
Yes. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license.
How do I use the Edge icon in React?
Install @iconify/react and render <Icon icon="openmoji:edge" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Edge icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/openmoji/edge.svg" alt="Edge icon">, or paste the SVG code inline to style it with CSS.
Browse all OpenMoji icons →
ICONYZ
