Home/Libraries/OpenMoji (Iconify)/diving-mask

OpenMoji (Iconify)

DivingMask

License: CC-BY-SA-4.0

ICON SIZE

STROKE WEIGHT1.5px

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 72 72"><defs><path id="SVGxXAsmdZC" stroke="#818cf8" 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="1.5"/><use href="#SVGxXAsmdZC" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><g fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><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>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. DivingMaskIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-SA-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.