Icono Edge
openmoji:edge
El icono Edge (openmoji:edge) es un icono SVG gratuito de la colección OpenMoji. Está dibujado en una cuadrícula de 72 × 72. OpenMoji icons se publican bajo la licencia CC BY-SA 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor y compartas los cambios en los iconos bajo la misma licencia. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- OpenMoji
- Autor
- OpenMoji
- Licencia
- CC-BY-SA-4.0
- Tamaño
- 72 × 72
- Categoría
- Extras de 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>
Cómo usar el icono 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>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/openmoji/edge.svg" alt="Icono Edge" width="24" height="24">
El icono Edge en otras colecciones
Preguntas frecuentes sobre Icono Edge
¿El icono Edge es gratis para uso comercial?
Sí. OpenMoji icons se publican bajo la licencia CC BY-SA 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor y compartas los cambios en los iconos bajo la misma licencia.
¿Cómo uso el icono Edge en React?
Instala @iconify/react y renderiza <Icon icon="openmoji:edge" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Edge a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/openmoji/edge.svg" alt="Icono Edge">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos OpenMoji →
ICONYZ
