Ícone Edge
openmoji:edge
O ícone Edge (openmoji:edge) é um ícone SVG gratuito da coleção OpenMoji. Ele é desenhado em uma grade de 72 × 72. OpenMoji icons são publicados sob a licença CC BY-SA 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor e compartilhe as alterações nos ícones sob a mesma licença. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- OpenMoji
- Autor
- OpenMoji
- Licença
- CC-BY-SA-4.0
- Tamanho
- 72 × 72
- Categoria
- Extras do OpenMoji
Código SVG
<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>
Como usar o ícone Edge
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>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/openmoji/edge.svg" alt="Ícone Edge" width="24" height="24">
O ícone Edge em outras coleções
Perguntas frequentes sobre Ícone Edge
O ícone Edge é grátis para uso comercial?
Sim. OpenMoji icons são publicados sob a licença CC BY-SA 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor e compartilhe as alterações nos ícones sob a mesma licença.
Como uso o ícone Edge no React?
Instale @iconify/react e renderize <Icon icon="openmoji:edge" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Edge a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/openmoji/edge.svg" alt="Ícone Edge">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones OpenMoji →
ICONYZ
