ICONYZ
日本語
IconPark の Waterpolo One アイコン

Waterpolo One アイコン

icon-park:waterpolo-one

Waterpolo One アイコン(icon-park:waterpolo-one)は、IconPark セットの無料 SVG アイコンです(作者: ByteDance)。 48 × 48 のグリッドで描かれています。 IconPark icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
IconPark
作者
ByteDance
ライセンス
Apache-2.0
サイズ
48 × 48
カテゴリ
スポーツ
タグ
waterpoloone
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="2" stroke-width="4" d="M4 35L6.5 36.3514C8.1 37.2162 9.9 37.2162 11.5 36.3514C13.1 35.4865 14.9 35.4865 16.5 36.3514C18.1 37.2162 19.9 37.2162 21.5 36.3514C23.1 35.4865 24.9 35.4865 26.5 36.3514C28.1 37.2162 29.9 37.2162 31.5 36.3514C33.1 35.4865 34.9 35.4865 36.5 36.3514C38.1 37.2162 39.9 37.2162 41.5 36.3514L44 35"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="2" stroke-width="4" d="M4 41L6.5 42.3514C8.1 43.2162 9.9 43.2162 11.5 42.3514C13.1 41.4865 14.9 41.4865 16.5 42.3514C18.1 43.2162 19.9 43.2162 21.5 42.3514C23.1 41.4865 24.9 41.4865 26.5 42.3514C28.1 43.2162 29.9 43.2162 31.5 42.3514C33.1 41.4865 34.9 41.4865 36.5 42.3514C38.1 43.2162 39.9 43.2162 41.5 42.3514L44 41"/><path fill="#2F88FF" stroke="#000" stroke-miterlimit="2" stroke-width="4" d="M25 18C27.7614 18 30 15.7614 30 13C30 10.2386 27.7614 8 25 8C22.2386 8 20 10.2386 20 13C20 15.7614 22.2386 18 25 18Z"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="2" stroke-width="4" d="M25 29L24 25"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="2" stroke-width="4" d="M4 11L11 22L24 24.93H42"/><path fill="#000" d="M11 10C12.6569 10 14 8.65685 14 7C14 5.34315 12.6569 4 11 4C9.34315 4 8 5.34315 8 7C8 8.65685 9.34315 10 11 10Z"/></g></svg>

Waterpolo One アイコンの使い方

React

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

<Icon icon="icon-park:waterpolo-one" width="24" />

Vue

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

<template>
  <Icon icon="icon-park:waterpolo-one" width="24" />
</template>

Svelte

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

<Icon icon="icon-park:waterpolo-one" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--waterpolo-one]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:waterpolo-one"></div>

Web コンポーネント

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

<iconify-icon icon="icon-park:waterpolo-one"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/icon-park/waterpolo-one.svg" alt="Waterpolo One アイコン" width="24" height="24">

IconPark の関連アイコン

他のアイコンセットの Waterpolo One アイコン

Waterpolo One アイコン のよくある質問

Waterpolo One アイコンは商用利用でも無料ですか?

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

React で Waterpolo One アイコンを使うには?

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

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

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

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