Icono Diving Mask
openmoji:diving-mask
El icono Diving Mask (openmoji:diving-mask) 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
- Actividades
- Etiquetas
- divingmask
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><defs><path id="SVGxXAsmdZC" stroke="#000" d="M60.428 18.572h5.192l-.047 5.205h-5.192z"/></defs><path fill="#fff" d="m45.71 46.907l.392 6.063s6.551 5.084 12.516-4.205l.782-6.16l-.782-1.76s-7.04 9.289-12.907 6.062Z"/><g fill="#61b2e4"><path d="M39.809 48.787h4.172a2 2 0 1 1 0 4h-1.092"/><path d="M42.889 52.787q.076.101.167.203c.857.974 2.81 2.187 7.235 2.436a10 10 0 0 0 5.651-1.23a10.64 10.64 0 0 0 4.758-6.498a9.5 9.5 0 0 0 .336-2.624V7a2 2 0 1 1 4 0v38.074a13.5 13.5 0 0 1-.493 3.736a14.7 14.7 0 0 1-6.567 8.832a13.7 13.7 0 0 1-6.986 1.804q-.459 0-.924-.026c-4.777-.269-8.192-1.597-10.152-3.948a7.15 7.15 0 0 1-1.414-2.668l-1.522-.017a2 2 0 0 1 .022-4h2.809"/></g><path fill="#92d3f5" d="M32.823 42.736a4.14 4.14 0 0 1 2.523.831c2.423 1.851 7.644 1.843 10.674 1.572c5.541-.498 10.517-1.176 10.94-8.15l-.4-7.026l1.527.04v-3.326s-8.39-7.179-24.083-1.852h-4.79c-14.772-5.05-24.28 1.852-24.28 1.852v3.326l1.527-.04l-.402 7.026c.424 6.975 5.4 7.653 10.941 8.15c3.03.271 8.252.28 10.675-1.572a4.14 4.14 0 0 1 2.522-.83z"/><path fill="#d0cfce" d="M33.955 27.802a14.6 14.6 0 0 1 6.444-1.519h8.955a4.01 4.01 0 0 1 4 4v7.567a4.01 4.01 0 0 1-4 4h-7.772a8.13 8.13 0 0 1-6.144-3.376l-1.783-2.807c-1.18-1.857-3.134-1.872-4.343-.034l-1.89 2.875a8.3 8.3 0 0 1-6.197 3.342h-7.559a4.01 4.01 0 0 1-4-4v-7.567a4.01 4.01 0 0 1 4-4h8.698c2.276.016 4.52.534 6.573 1.518a5.34 5.34 0 0 0 5.018 0"/><path fill="#9b9b9a" d="M47.842 26.283h3.3c1.814 0 3.3 1.8 3.3 4v7.567a4.01 4.01 0 0 1-4 4h-6.39"/><use href="#SVGxXAsmdZC" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/><use href="#SVGxXAsmdZC" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M32.823 42.736a4.14 4.14 0 0 1 2.523.831c2.423 1.851 7.644 1.843 10.674 1.572c5.541-.498 10.517-1.176 10.94-8.15l-.4-7.026l1.527.04v-3.326s-8.39-7.179-24.083-1.852h-4.79c-14.772-5.05-24.28 1.852-24.28 1.852v3.326l1.527-.04l-.402 7.026c.424 6.975 5.4 7.653 10.941 8.15c3.03.271 8.252.28 10.675-1.572a4.14 4.14 0 0 1 2.522-.83z"/><path d="M33.955 27.802a14.6 14.6 0 0 1 6.444-1.519h8.955a4.01 4.01 0 0 1 4 4v7.567a4.01 4.01 0 0 1-4 4h-7.772a8.13 8.13 0 0 1-6.144-3.376l-1.783-2.807c-1.18-1.857-3.134-1.872-4.343-.034l-1.89 2.875a8.3 8.3 0 0 1-6.197 3.342h-7.559a4.01 4.01 0 0 1-4-4v-7.567a4.01 4.01 0 0 1 4-4h8.698c2.276.016 4.52.534 6.573 1.518a5.34 5.34 0 0 0 5.018 0"/><path d="M63.036 5a2 2 0 0 1 2 2h0v38.074a13.5 13.5 0 0 1-.493 3.736a14.7 14.7 0 0 1-6.567 8.832a13.7 13.7 0 0 1-6.986 1.804q-.458 0-.924-.026c-4.777-.269-8.192-1.597-10.152-3.948a7.15 7.15 0 0 1-1.414-2.668l-1.522-.017A2 2 0 0 1 35 50.777"/></g></svg>Cómo usar el icono Diving Mask
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:diving-mask" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:diving-mask" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:diving-mask" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--diving-mask]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:diving-mask"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:diving-mask"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/openmoji/diving-mask.svg" alt="Icono Diving Mask" width="24" height="24">El icono Diving Mask en otras colecciones
Preguntas frecuentes sobre Icono Diving Mask
¿El icono Diving Mask 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 Diving Mask en React?
Instala @iconify/react y renderiza <Icon icon="openmoji:diving-mask" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Diving Mask a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/openmoji/diving-mask.svg" alt="Icono Diving Mask">, o pega el código SVG en línea para darle estilo con CSS.