Umbrella icon

game-icons:umbrella

The Umbrella icon (game-icons:umbrella) is a free SVG icon from the Game Icons set by GameIcons. It is drawn on a 512 × 512 grid. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Game Icons
Author: GameIcons
License: CC-BY-3.0
Size: 512 × 512

Download SVG

SVG code

<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>

How to use the Umbrella icon

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 component

<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 image

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

Related icons in Game Icons

Umbrella icon in other icon sets

Umbrella icon FAQ

Is the Umbrella icon free for commercial use?

Yes. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Umbrella icon in React?

Install @iconify/react and render <Icon icon="game-icons:umbrella" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Umbrella icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/umbrella.svg" alt="Umbrella icon">, or paste the SVG code inline to style it with CSS.

Browse all Game Icons →