Splash Pad アイコン
temaki:splash-pad
Splash Pad アイコン(temaki:splash-pad)は、Temaki セットの無料 SVG アイコンです（作者: Bryan Housel）。 15 × 15 のグリッドで描かれています。 Temaki icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Temaki
- 作者
- Bryan Housel
- ライセンス
- CC0-1.0
- サイズ
- 15 × 15
- タグ
- splashpad
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M7.65 11.28h-.42l-.2.36c-.17.35-.56.58-.97.58h-.21l-.81-.81c-1.63.18-2.75.52-2.75.91c0 .58 2.4 1.05 5.36 1.05s5.36-.47 5.36-1.05s-2.4-1.05-5.36-1.05ZM3.14 12.3c-.07-.24.73-.42 1.19-.48c-.17.09-.29.23-.22.35c.12.21.73.46 1.86.7c-1.34 0-2.76-.34-2.82-.58Zm1.03-2.79c.32-1.31.13-2.04.05-2.24c-.13-.35-.56-.52-.85-.41c-.33.12-.26.58-.12.77c.24.33.77 1.08.92 1.88m-2.07.41c-.39.01-.89.17-.89.66c0 .25.14.54.53.47s1.18-.79 1.93-.91c-.3-.1-.85-.25-1.57-.22m.42-.81c.44.1.93.24 1.25.58c-.08-.27-.87-1.7-1.93-2.35c-.55-.34-1.53-.42-1.8.35c-.17.49.18.82.61 1.02c.22.11.46.18.65.22c.4.09.82.09 1.22.18m9.72-2.84c.19-.15.37-.57.08-.78c-.25-.18-.71-.14-.93.17c-.12.17-.5.83-.53 2.18c.36-.73 1.06-1.32 1.38-1.58Zm.3 3.57c-.7-.17-1.27-.14-1.58-.11c.7.28 1.33 1.15 1.7 1.29c.37.15.56-.11.62-.35c.1-.48-.35-.74-.73-.83Zm.74-2.6c-1.16.46-2.19 1.73-2.31 1.98c.38-.28.88-.34 1.33-.35c.41-.01.82.06 1.24.04c.2 0 .44-.04.68-.11c.45-.13.86-.39.78-.9c-.13-.8-1.11-.9-1.71-.66ZM7.34 4.03c.64.23 1.36-.1 1.59-.74s-.1-1.36-.74-1.59s-1.36.1-1.59.74s.1 1.36.74 1.59"/><path fill="currentColor" d="M4.8 2.5c.01.13.23 1.7 1.37 2.55l-.45 2.53l.6 1.84l-.78 1.4a.65.65 0 0 0-.08.31l.6.6c.23 0 .44-.13.53-.32l.91-1.62a.6.6 0 0 0 .04-.47l-.43-1.35l1.34.69l-.4 1.55a.6.6 0 0 0-.02.27l.69.49c.25-.04.43-.23.48-.46s.53-2.02.53-2.02a.61.61 0 0 0-.31-.69l-1.21-.63l.3-1.73c1.36-.41 2.1-1.81 2.16-1.93c.12-.25.02-.56-.23-.69l-.69.23s-.87 1.69-2.28 1.44s-1.65-2.12-1.65-2.13s-.57-.45-.57-.45c-.28.03-.48.29-.45.57Z"/></svg>Splash Pad アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="temaki:splash-pad" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="temaki:splash-pad" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="temaki:splash-pad" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[temaki--splash-pad]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/temaki -->
<div class="i-temaki:splash-pad"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="temaki:splash-pad"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/temaki/splash-pad.svg" alt="Splash Pad アイコン" width="24" height="24">Splash Pad アイコン のよくある質問
Splash Pad アイコンは商用利用でも無料ですか?
はい。Temaki icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Splash Pad アイコンを使うには?
@iconify/react をインストールして <Icon icon="temaki:splash-pad" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Splash Pad アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/temaki/splash-pad.svg" alt="Splash Pad アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。