Иконка Person Diving Wearing Scuba Gear

pinhead:person-diving-wearing-scuba-gear

Иконка Person Diving Wearing Scuba Gear (pinhead:person-diving-wearing-scuba-gear) — бесплатная SVG-иконка из набора Pinhead Map Icons от Quincy Morgan. Она нарисована на сетке 15 × 15. Pinhead Map Icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Pinhead Map Icons
Автор: Quincy Morgan
Лицензия: CC0-1.0
Размер: 15 × 15
Теги: persondiving, divingwearing, wearingscuba, scubagear, persondivingwearingscubagear, person wearing scuba gear diving

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="m.3 1.5l2.29 2.37l.88-.8l-.8-1.56zm10.3 6.63c.43.12.9-.12 1.02-.57c.12-.44-.13-.9-.57-1.02l-.34-.09l-.43 1.59l.32.1zm-.26-1.79L7.6 5.56c-.18-.05-.36.07-.41.25l-.25.93c-.05.18.04.36.23.42l2.73.77l.44-1.58zm.43 2.64c-.21-.2-.47-.36-.77-.45l-3.32-.94l-2.03-3.66a.83.83 0 0 0-.51-.4a.826.826 0 0 0-1.03.59c-.06.21-.03.43.07.62l2.54 4.53s.21.34.74.51l4.63 1.32l2.15 2.21c.07.08.16.14.28.17a.618.618 0 0 0 .58-1.05zm2.47.91l.48.64l.98-1.08l-.83-.47c.08-.59-.28-1.16-.86-1.32c-.63-.18-1.29.19-1.46.84c-.18.64.19 1.31.82 1.48c.31.09.61.04.87-.09"/></svg>

Как использовать иконку Person Diving Wearing Scuba Gear

React

import { Icon } from "@iconify/react";

<Icon icon="pinhead:person-diving-wearing-scuba-gear" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="pinhead:person-diving-wearing-scuba-gear" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="pinhead:person-diving-wearing-scuba-gear" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[pinhead--person-diving-wearing-scuba-gear]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/pinhead -->
<div class="i-pinhead:person-diving-wearing-scuba-gear"></div>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="pinhead:person-diving-wearing-scuba-gear"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/pinhead/person-diving-wearing-scuba-gear.svg" alt="Иконка Person Diving Wearing Scuba Gear" width="24" height="24">

Вопросы и ответы: Иконка Person Diving Wearing Scuba Gear

Можно ли бесплатно использовать иконку Person Diving Wearing Scuba Gear в коммерческих проектах?

Да. Pinhead Map Icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Person Diving Wearing Scuba Gear в React?

Установите @iconify/react и выведите <Icon icon="pinhead:person-diving-wearing-scuba-gear" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Person Diving Wearing Scuba Gear на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/pinhead/person-diving-wearing-scuba-gear.svg" alt="Иконка Person Diving Wearing Scuba Gear">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Pinhead Map Icons →