ICONYZ
日本語
Temaki の Scuba Diving アイコン

Scuba Diving アイコン

temaki:scuba-diving

Scuba Diving アイコン(temaki:scuba-diving)は、Temaki セットの無料 SVG アイコンです(作者: Bryan Housel)。 50 × 50 のグリッドで描かれています。 Temaki icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Temaki
作者
Bryan Housel
ライセンス
CC0-1.0
サイズ
50 × 50
タグ
scubadiving
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50"><path fill="currentColor" d="m1 5l7.62 7.89l2.93-2.66l-2.65-5.2zm34.34 22.11c1.44.4 2.99-.42 3.4-1.91c.4-1.46-.44-2.99-1.9-3.4l-1.13-.31l-1.46 5.3l1.09.33zm-.89-5.97l-9.11-2.6c-.6-.16-1.2.21-1.37.82l-.85 3.09c-.17.61.16 1.23.77 1.41l9.12 2.58l1.45-5.29zm1.44 8.78c-.69-.67-1.56-1.2-2.56-1.48L22.28 25.3l-6.79-12.21c-.36-.63-.94-1.13-1.68-1.34c-1.49-.42-3.04.46-3.44 1.97c-.2.72-.11 1.45.22 2.07l8.49 15.1s.7 1.13 2.45 1.72L36.97 37l7.16 7.37c.24.26.55.45.92.56c1.08.3 2.21-.35 2.52-1.44c.21-.76-.04-1.57-.58-2.07zm8.24 3.05l1.61 2.13L49 31.49l-2.76-1.56c.26-1.96-.94-3.85-2.86-4.4c-2.11-.6-4.31.64-4.89 2.79c-.6 2.15.64 4.37 2.75 4.96c1.01.29 2.03.13 2.89-.3z"/></svg>

Scuba Diving アイコンの使い方

React

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

<Icon icon="temaki:scuba-diving" width="24" />

Vue

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

<template>
  <Icon icon="temaki:scuba-diving" width="24" />
</template>

Svelte

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

<Icon icon="temaki:scuba-diving" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[temaki--scuba-diving]"></span>

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="temaki:scuba-diving"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/temaki/scuba-diving.svg" alt="Scuba Diving アイコン" width="24" height="24">

他のアイコンセットの Scuba Diving アイコン

Scuba Diving アイコン のよくある質問

Scuba Diving アイコンは商用利用でも無料ですか?

はい。Temaki icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Scuba Diving アイコンを使うには?

@iconify/react をインストールして <Icon icon="temaki:scuba-diving" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Scuba Diving アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/temaki/scuba-diving.svg" alt="Scuba Diving アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Temaki アイコン をすべて見る →