Diving Suit icon
icon-park:diving-suit
The Diving Suit icon (icon-park:diving-suit) is a free SVG icon from the IconPark set by ByteDance. It is drawn on a 48 × 48 grid. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- IconPark
- Author
- ByteDance
- License
- Apache-2.0
- Size
- 48 × 48
- Category
- Sports
- Tags
- divingsuit
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="2" stroke-width="4"><path d="M17 24H14.09C8.52 24 4 19.5203 4 14C4 8.47968 8.52 4 14.09 4L20 9L25.91 4C31.48 4 36 8.47968 36 14C36 19.5203 31.48 24 25.91 24H23"/><path fill="#2F88FF" d="M26 36H14V44H26V36Z"/><path d="M26 40H36C40.42 40 44 36.42 44 32V14H36"/><path fill="#2F88FF" d="M21.2198 30H19.9998H18.7798C17.3198 30 16.2098 28.69 16.4498 27.26L17.6698 19.97C17.8598 18.83 18.8398 18 19.9998 18C21.1498 18 22.1398 18.83 22.3298 19.97L23.5498 27.26C23.7798 28.69 22.6698 30 21.2198 30Z"/></g></svg>
How to use the Diving Suit icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:diving-suit" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:diving-suit" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:diving-suit" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--diving-suit]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:diving-suit"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:diving-suit"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/diving-suit.svg" alt="Diving Suit icon" width="24" height="24">
Related icons in IconPark
Diving Suit icon in other icon sets
Diving Suit icon FAQ
Is the Diving Suit icon free for commercial use?
Yes. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Diving Suit icon in React?
Install @iconify/react and render <Icon icon="icon-park:diving-suit" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Diving Suit icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/diving-suit.svg" alt="Diving Suit icon">, or paste the SVG code inline to style it with CSS.
Browse all IconPark icons →
ICONYZ
