Umbrella アイコン

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

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

game-icons:umbrella

Umbrella アイコン(game-icons:umbrella)は、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="M258.438 32.53c-4.628.44-10.283 3.95-16.657 12.657c-6.842 9.35-13.723 24.012-19.593 42.563c-11.094 35.068-18.797 84.06-20.875 139.156h115.97c-2.073-55.1-9.714-104.116-20.75-139.187c-5.84-18.553-12.68-33.187-19.5-42.532c-6.57-9.003-12.353-12.417-17.063-12.657c-.48.006-.96-.01-1.44 0q-.044.002-.092 0m35.968 4.907c7.715 11.575 14.262 26.65 19.938 44.688c11.825 37.578 19.62 88.07 21.687 144.78h82.19c-5.113-53.912-23.637-101.76-50.533-136.25c-20.55-26.35-45.627-44.893-73.28-53.218zM223.5 38.782c-26.088 8.886-49.81 26.876-69.438 51.907c-27.044 34.493-45.687 82.318-50.812 136.22h79.313c2.07-56.722 9.923-107.234 21.812-144.813c5.488-17.346 11.768-31.932 19.125-43.313zm-55.25 10.47C91.18 79.186 34.663 146.36 23.375 226.906H84.28C89.44 169 109.43 117.31 139.345 79.156c8.788-11.21 18.474-21.242 28.906-29.906zm190.313 4.25c8.533 7.655 16.523 16.26 23.875 25.688c29.76 38.16 49.604 89.83 54.75 147.718h55.156c-10.747-76.928-62.296-141.66-133.78-173.406zM249.97 245.594v171.53c0 20.038-5.565 33.484-13 41.813c-7.438 8.33-16.894 11.913-26.564 11.563c-19.34-.7-40.22-17.18-40.22-53.375H151.5c0 43.858 28.352 70.98 58.25 72.063c14.95.54 30.13-5.43 41.156-17.782s17.75-30.725 17.75-54.28V245.593H249.97z"/></svg>

Umbrella アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Game Icons の関連アイコン

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

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

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

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

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

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

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

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

Game Icons をすべて見る →