Raining アイコン

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

はい。Game Icons は CC BY 3.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

game-icons:raining

Raining アイコン(game-icons:raining)は、Game Icons セットの無料 SVG アイコンです（作者: GameIcons）。 512 × 512 のグリッドで描かれています。 Game Icons は CC BY 3.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Game Icons
作者: GameIcons
ライセンス: CC-BY-3.0
サイズ: 512 × 512

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M305 19.438c-46.49 0-85.118 32.184-95.844 75.374l-4.656 18.75l-11.813-15.28C179.864 81.69 160.21 70.75 137.844 70.75c-38.486 0-69.97 31.515-69.97 70.063c0 6.083 1.424 12.16 3.314 18.812l2.937 10.406l-10.688 1.44c-24.95 3.297-44.374 24.6-44.374 50.56c0 28.264 22.848 51.126 51.062 51.126c18.228 0 34.287-9.818 43.313-24.28l6.968-11.157l8.22 10.218c15.42 19.07 38.945 31.343 65.343 31.343c30.613 0 56.55-16.175 71.31-40.686l7.94-13.188l8.03 13.156c8.978 14.675 24.76 24.22 43.28 24.22c14.95 0 28.317-6.327 37.626-16.5l6.47-7.063l6.905 6.624c12.575 12.055 29.132 19.375 47.845 19.375c38.486 0 69.938-31.485 69.938-70.033c0-38.547-31.365-69.468-69.938-69.468c-2.974 0-5.754.17-8.625.53l-10.375 1.313l-.125-10.47c-.61-54.307-44.804-97.656-99.25-97.656zm42.47 258.125a69.6 69.6 0 0 1-18.345 3.75l7.594 26.625l17.874-5.375l-7.125-25zm-213.158 1.125l10.063 35.25l17.875-5.344l-4.97-17.438c-8.218-3.173-15.918-7.404-22.968-12.47zm263 1.25l14.125 49.5l17.875-5.344l-11.5-40.375c-7.104-.45-13.97-1.733-20.5-3.783zm-309.125 9.468a68 68 0 0 1-18.062 2.438c-.22 0-.436-.03-.656-.03l11.81 41.467l17.876-5.374l-10.97-38.5zm131.97 5.125a100.7 100.7 0 0 1-18.532 3.126l8.97 31.438l17.874-5.375l-8.314-29.19zm70.624 7.064l-17.905 5.375l16.313 57.217l17.906-5.375l-16.313-57.218zM366.72 345l-17.908 5.375l10.063 35.313l17.906-5.375zm-192.345 6.03l-17.906 5.376l9 31.53l17.874-5.373l-8.97-31.532zm66.22 15.126l-17.907 5.375l16.937 59.44l17.906-5.376zm200.843.375l-17.907 5.376l12.19 42.656l17.874-5.375l-12.156-42.656zm-330.157 3.814l-17.905 5.375l14.47 50.75l17.905-5.376l-14.47-50.75zm207.907 30.937l-17.875 5.345l15.875 55.688l17.875-5.375l-15.875-55.657zm69.688 21.47l-17.906 5.375l8.592 30.188l17.938-5.375l-8.625-30.188zM195.47 425l-17.907 5.375l9.03 31.688l17.907-5.375zm270.25 26.625L447.81 457l10.5 36.844h19.438l-12.03-42.22zM137.843 463.53l-17.875 5.376l7.093 24.938H146.5l-8.656-30.313zm131.78 4.5l-17.874 5.376l5.813 20.438H277l-7.375-25.813z"/></svg>

Raining アイコンの使い方

React

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

<Icon icon="game-icons:raining" width="24" />

Vue

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

<template>
  <Icon icon="game-icons:raining" width="24" />
</template>

Svelte

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

<Icon icon="game-icons:raining" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--raining]"></span>

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="game-icons:raining"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/game-icons/raining.svg" alt="Raining アイコン" width="24" height="24">

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

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

はい。Game Icons は CC BY 3.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Game Icons をすべて見る →