Иконка Diving Mask
openmoji:diving-mask
Иконка Diving Mask (openmoji:diving-mask) — бесплатная SVG-иконка из набора OpenMoji. Она нарисована на сетке 72 × 72. OpenMoji icons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- OpenMoji
- Автор
- OpenMoji
- Лицензия
- CC-BY-SA-4.0
- Размер
- 72 × 72
- Категория
- Занятия
- Теги
- divingmask
Код 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>Как использовать иконку 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>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:diving-mask"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/openmoji/diving-mask.svg" alt="Иконка Diving Mask" width="24" height="24">Иконка Diving Mask в других наборах
Вопросы и ответы: Иконка Diving Mask
Можно ли бесплатно использовать иконку Diving Mask в коммерческих проектах?
Да. OpenMoji icons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией.
Как использовать иконку Diving Mask в React?
Установите @iconify/react и выведите <Icon icon="openmoji:diving-mask" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Diving Mask на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/openmoji/diving-mask.svg" alt="Иконка Diving Mask">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.