Diving Helmet
The diving helmet icon represents a crucial piece of safety equipment used in diving, essential for protecting the diver's head and ensuring safe underwater exploration.
Exports at 24 × 24 px
Code
Diving Helmet in your framework
In any framework. Customize it above, and the code follows.
export const DivingHelmetIcon = (props: React.SVGProps<SVGSVGElement>) => (
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 512 512" {...props}>
<path fill="currentColor" d="M256 21c-17.065 0-32.536 1.784-43.072 4.418a58 58 0 0 0-7.95 2.582a58 58 0 0 0 7.95 2.582C223.464 33.216 238.935 35 256 35s32.536-1.784 43.072-4.418a58 58 0 0 0 7.95-2.582a58 58 0 0 0-7.95-2.582C288.536 22.784 273.065 21 256 21m-72.203 11.64c-4.585 1.973-8.24 4.05-10.682 5.973C169.51 41.455 169 43.23 169 44s.51 2.545 4.115 5.387s9.813 6.025 17.848 8.703C207.033 63.446 230.3 67 256 67s48.967-3.554 65.037-8.91c8.035-2.678 14.242-5.86 17.848-8.703S343 44.77 343 44s-.51-2.545-4.115-5.387c-2.44-1.923-6.097-4-10.682-5.974c-1.58 4.39-5.256 7.33-8.652 9.337c-4.474 2.645-9.8 4.49-16.112 6.068C290.81 51.202 274.28 53 256 53s-34.81-1.798-47.438-4.955c-6.313-1.578-11.638-3.423-16.113-6.068c-3.397-2.008-7.074-4.948-8.653-9.338zM347.99 65.032c-5.785 4.093-12.926 7.354-21.26 10.133C308.052 81.39 283.32 85 256 85s-52.053-3.61-70.73-9.834c-8.33-2.777-15.467-6.036-21.25-10.125c-24.608 16.21-45.61 38.716-61.21 65.64c3.276 5.266 5.99 11.497 8.356 18.59c4.585 13.756 7.744 30.802 9.094 49.742L140.27 179h19.072c16.006-37.578 53.313-64 96.658-64s80.652 26.422 96.658 64h34.026v82h-34.026c-16.006 37.578-53.313 64-96.658 64s-80.652-26.422-96.658-64h-19.07l-20.012-20.012c-1.35 18.94-4.51 35.986-9.094 49.74c-3.113 9.338-6.826 17.19-11.64 23.3c-3.33 4.225-7.537 7.852-12.483 9.69c6.29 17.048 14.535 32.926 24.414 47.282H151v-32h50v32h110v-32h50v32h39.543c9.88-14.356 18.123-30.234 24.414-47.283c-4.946-1.837-9.152-5.464-12.482-9.69c-4.815-6.11-8.528-13.96-11.64-23.298C394.608 272.052 391 247.32 391 220s3.61-52.053 9.834-70.73c2.362-7.085 5.073-13.31 8.346-18.573c-15.604-26.92-36.58-49.456-61.19-65.664zM80 133c-.77 0-2.545.51-5.387 4.115c-1.923 2.44-4 6.097-5.974 10.682c4.39 1.58 7.33 5.256 9.337 8.652c2.645 4.474 4.49 9.8 6.068 16.113C87.202 185.19 89 201.72 89 220s-1.798 34.81-4.955 47.438c-1.578 6.313-3.423 11.638-6.068 16.113c-2.008 3.397-4.948 7.074-9.338 8.653c1.973 4.585 4.05 8.24 5.973 10.682C77.455 306.49 79.23 307 80 307s2.545-.51 5.387-4.115s6.025-9.813 8.703-17.848C99.446 268.967 103 245.7 103 220s-3.554-48.967-8.91-65.037c-2.678-8.035-5.86-14.242-8.703-17.848S80.77 133 80 133m176 0c-40.18 0-73.872 27.046-83.932 63.977h-21.2V197h-3.14l-23 23l23 23H151v-.022h21.057C182.1 279.932 215.804 307 256 307s73.9-27.068 83.943-64.02H361v.02h7.684v-.02h.025v-46.003H339.93C329.872 160.047 296.18 133 256 133m176 0c-.77 0-2.545.51-5.387 4.115s-6.025 9.813-8.703 17.848C412.554 171.033 409 194.3 409 220s3.554 48.967 8.91 65.037c2.678 8.035 5.86 14.242 8.703 17.848S431.23 307 432 307s2.545-.51 5.387-4.115c1.923-2.44 4-6.097 5.974-10.682c-4.39-1.58-7.33-5.256-9.337-8.652c-2.645-4.474-4.49-9.8-6.068-16.112C424.798 254.81 423 238.28 423 220s1.798-34.81 4.955-47.438c1.578-6.313 3.423-11.638 6.068-16.113c2.008-3.397 4.948-7.074 9.338-8.653c-1.973-4.585-4.05-8.24-5.973-10.682C434.545 133.51 432.77 133 432 133m-176 14c40.21 0 73 32.79 73 73s-32.79 73-73 73s-73-32.79-73-73s32.79-73 73-73m0 18c-2.643 0-5.236.196-7.777.553L256 173.33l7.777-7.777A56 56 0 0 0 256 165m-192 3.98a58 58 0 0 0-2.582 7.948C58.784 187.464 57 202.935 57 220s1.784 32.536 4.418 43.072a58 58 0 0 0 2.582 7.95a58 58 0 0 0 2.582-7.95C69.216 252.536 71 237.065 71 220s-1.784-32.536-4.418-43.072a58 58 0 0 0-2.582-7.95zm384 0a58 58 0 0 0-2.582 7.948C442.784 187.464 441 202.935 441 220s1.784 32.536 4.418 43.072a58 58 0 0 0 2.582 7.95a58 58 0 0 0 2.582-7.95C453.216 252.536 455 237.065 455 220s-1.784-32.536-4.418-43.072a58 58 0 0 0-2.582-7.95zm-218.84 2.967a54.93 54.93 0 0 0-21.213 21.213l14.112 14.11l21.21-21.21l-14.11-14.113zm53.68 0l-14.11 14.112l21.21 21.21l14.113-14.11a54.93 54.93 0 0 0-21.213-21.213zM256 198.787L234.787 220L256 241.213L277.213 220zm-54.447 13.436c-.357 2.54-.553 5.134-.553 7.777s.196 5.236.553 7.777L209.33 220zm108.894 0L302.67 220l7.777 7.777c.357-2.54.553-5.134.553-7.777s-.196-5.236-.553-7.777M222.06 232.73l-14.113 14.11a54.93 54.93 0 0 0 21.213 21.213l14.11-14.112l-21.21-21.21zm67.88 0l-21.21 21.21l14.11 14.113a54.93 54.93 0 0 0 21.213-21.213l-14.112-14.11zM256 266.67l-7.777 7.777c2.54.357 5.134.553 7.777.553s5.236-.196 7.777-.553zM169 357v14h14v-14zm160 0v14h14v-14zm-208 32v30h270v-30zm-93.6 48c2.473 5.036 6.916 10.005 14.315 15.078c11.75 8.058 29.705 15.387 51.603 21.227C137.116 484.985 196.6 491 256 491s118.884-6.016 162.682-17.695c21.898-5.84 39.852-13.17 51.603-21.227c7.4-5.073 11.842-10.042 14.315-15.078z"/>
</svg>
);Other libraries
Diving Helmet in 1 more libraries
Each library draws it its own way. Open one to compare.
Game Icons
More like it
Icons that share its tags, in the same style.
Search Game Icons
Skip the copy and paste. With Pro, your AI agent finds and installs any Game Icons icon from a prompt.
Get ProTags
Browse by tag
Diving Helmet is tagged safety, game, protection and 3 more. Related tags follow; each opens its icons from every library.
Pricing
Game Icons MCP, with Pro
Ask for Diving Helmet or any of 4,123 Game Icons icons and your agent installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates. The icons stay free.
4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.
- Secure checkout via Stripe
- Code lives in your repo
- Keep what you've shipped if you cancel
- License terms
FAQ
Frequently asked questions
What the Diving Helmet icon means and where it's used, then how to install, style, label and license it.
The diving helmet icon represents a crucial piece of safety equipment used in diving, essential for protecting the diver's head and ensuring safe underwater exploration. It symbolizes safety and professionalism. The icon is part of the Game Icons library.
In real-world applications, the diving helmet icon may appear in software or platforms related to diving, such as scuba diving certification programs, diving schools, or websites offering diving gear.
From a UX perspective, the diving helmet icon communicates a sense of safety and expertise, often used to represent protective gear or safety protocols. It helps users understand the functionality or navigate interfaces related to diving or underwater exploration.
Diving Helmet is one of 4,123 icons in Game Icons, made by GameIcons and released under CC BY 3.0. It is drawn on a 512 × 512 grid.
Sign in (it's free), then open Get icon, Install with shadcn CLI, and pick your package manager to copy the command. It adds DivingHelmetIcon to components/icons/game-icons-diving-helmet.tsx: one file, a size prop (24 by default) and every SVG prop, with no icon package.
Copy it as React (from Get icon, or the Code section): a typed DivingHelmetIcon component you paste into your project, with no package to install. Only the icons you import reach your bundle. It works in Next.js and any React app.
Open Get icon, then Copy as code, and pick Vue, Svelte, Angular, Solid or Preact; the Code section shows each one too. Every version is one self-contained component with the SVG inside, and SVG and data URL copies are there for plain HTML and CSS.
With Pro, the shadcn.io MCP server lets Claude Code, Cursor or any MCP client find the Diving Helmet icon, or any of 4,123 Game Icons icons, and install it from a prompt.
It's drawn in currentColor, so it takes the text color wherever you use it: a class like text-primary recolors it. To bake a color in, set one in Customize before you copy.
Set width and height on the component, or a class like size-6. It's drawn on a 512 × 512 grid, so it stays sharp at any size. Customize also sets the size it exports at, its padding and rotation.
Yes. It follows the text color, so with text-foreground (or any theme token) it changes with your light and dark themes. The icon is a vector, so it needs no separate dark asset.
Next to a visible label it's decoration: add aria-hidden="true" so screen readers skip it. Standing alone, as in an icon button, give the button a name instead, like aria-label="Diving Helmet", so screen readers say what it does.
Yes. DivingHelmetIcon passes every SVG prop to the svg element, so <DivingHelmetIcon aria-hidden="true" /> works, and so do role="img" with aria-label, or a title child, when it carries meaning on its own.
Yes. Open Get icon, then Download file: SVG for code or design tools like Figma; PNG, WebP or JPEG at 512px; or an ICO favicon with 16, 32 and 48px inside. Each one uses what you set in Customize.
Yes, with credit: CC BY 3.0 asks you to credit the author (GameIcons) where you use the icons. The full terms are in the license, linked on this page.
Yes. CC BY 3.0 asks you to credit the author where you use the icons, for example "Icons by GameIcons, CC BY 3.0" on an about or credits page.
Yes. Copying and downloading it is free, and the shadcn CLI install only needs a free account.
1 other library draws an icon called Diving Helmet. The Other libraries section on this page shows each one, so you can compare them and open the one that fits your style.
Its tags are safety, game, protection, equipment, thematic and diving. Each tag page lists the icons that carry it from every library, which is the quickest way to find a match for Diving Helmet in another set.
4.9 out of 5 from 150+ developers
Install Diving Helmet from a prompt
MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.
Get Pro