Shower アイコン

Q: Shower アイコンは商用利用でも無料ですか?

はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

openmoji:shower

Shower アイコン(openmoji:shower)は、OpenMoji セットの無料 SVG アイコンです。 72 × 72 のグリッドで描かれています。 OpenMoji icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: OpenMoji
作者: OpenMoji
ライセンス: CC-BY-SA-4.0
サイズ: 72 × 72
カテゴリ: 物

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#9b9b9a" stroke="#9b9b9a" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M45.515 20.17s7.116-7.93 13.306-7.278v5.858s-3.302-.976-8.202 5.762"/><path fill="#9b9b9a" stroke="#9b9b9a" stroke-miterlimit="10" d="M23.305 24.151s-3.624 2.431-3.135 4.033l23.497 23.543s.916.515 2.02-1.059l1.737-2.535"/><path fill="#d0cfce" d="M24 24s8-6 17-2l3-3l7.148 6.849l-2.612 3.02s5.138 9.326-1.1 18.781z"/><path fill="#9b9b9a" d="m41.163 22.657l2.973-3.246l6.807 6.233l-2.973 3.246z"/><path fill="#92d3f5" d="M20.751 41.921c-.955.955-2.574.88-3.62-.165s-1.118-2.667-.163-3.622c0 0 1.14-1.181 4.835-1.683c0 0 .735-.136.63.573c-.502 3.695-1.682 4.897-1.682 4.897M16.367 53.47c-.955.955-2.575.88-3.62-.165s-1.119-2.667-.164-3.622c0 0 1.14-1.18 4.836-1.683c0 0 .735-.136.63.573c-.502 3.696-1.682 4.898-1.682 4.898m6.7 6.7c-.955.955-2.574.88-3.62-.165s-1.118-2.667-.163-3.622c0 0 1.14-1.181 4.835-1.683c0 0 .736-.136.63.573c-.502 3.695-1.682 4.897-1.682 4.897m4.217-11.717c-.955.955-2.575.88-3.62-.166c-1.045-1.045-1.119-2.667-.164-3.622c0 0 1.14-1.18 4.836-1.682c0 0 .735-.136.63.572c-.502 3.696-1.682 4.898-1.682 4.898m6.536 6.536c-.954.955-2.574.88-3.62-.165c-1.045-1.045-1.118-2.667-.163-3.622c0 0 1.14-1.18 4.836-1.683c0 0 .735-.136.63.573C35 53.789 33.82 54.99 33.82 54.99"/><g fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M48.298 17.358s4.046-4.751 10.522-4.465v5.857s-3.142-.286-5.761 3m-31.977 4.918s-1.63 1.068-.75 2.083L43 51.418s1 1.167 2.167-.75M24 24s8-6 17-2l3-3l7.148 6.849l-2.612 3.02s5.138 9.326-1.1 18.781zm-3.249 17.921c-.955.955-2.574.88-3.62-.165s-1.118-2.667-.163-3.622c0 0 1.14-1.181 4.835-1.683c0 0 .735-.136.63.573c-.502 3.695-1.682 4.897-1.682 4.897"/><path d="M16.367 53.47c-.955.955-2.575.88-3.62-.165s-1.119-2.667-.164-3.622c0 0 1.14-1.18 4.836-1.683c0 0 .735-.136.63.573c-.502 3.696-1.682 4.898-1.682 4.898m6.7 6.7c-.955.955-2.574.88-3.62-.165s-1.118-2.667-.163-3.622c0 0 1.14-1.181 4.835-1.683c0 0 .736-.136.63.573c-.502 3.695-1.682 4.897-1.682 4.897m4.217-11.717c-.955.955-2.575.88-3.62-.166c-1.045-1.045-1.119-2.667-.164-3.622c0 0 1.14-1.18 4.836-1.682c0 0 .735-.136.63.572c-.502 3.696-1.682 4.898-1.682 4.898m6.536 6.536c-.954.955-2.574.88-3.62-.165c-1.045-1.045-1.118-2.667-.163-3.622c0 0 1.14-1.18 4.836-1.683c0 0 .735-.136.63.573C35 53.789 33.82 54.99 33.82 54.99"/></g></svg>

Shower アイコンの使い方

React

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

<Icon icon="openmoji:shower" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:shower" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:shower" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--shower]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:shower"></div>

Web コンポーネント

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

<iconify-icon icon="openmoji:shower"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/openmoji/shower.svg" alt="Shower アイコン" width="24" height="24">

他のアイコンセットの Shower アイコン

Shower アイコンのよくある質問

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

はい。OpenMoji icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

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