Skip to content
Cuelark UI

Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:

Game Icons · GiUmbrella

Umbrella icon

A free umbrella icon from Game Icons, ready for React. Use it static or animated: both versions are below, copy-paste or one shadcn command away. Sized in em and colored by currentColor.

License
CC BY 3.0 license
Project
game-icons.net
Download SVG
Install with shadcn
npx shadcn@latest add https://ui.cuelark.com/r/icons/game-icons/umbrella.json
components/icons/game-icons-umbrella.tsx
import * as React from "react";

/**
 * Umbrella from Game Icons (https://game-icons.net/), CC BY 3.0.
 * Via Cuelark UI: ui.cuelark.com/icons/game-icons/umbrella. Sized in em, colored by currentColor.
 */
export function GiUmbrellaIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      viewBox="0 0 512 512"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M258.438 32.53c-4.628.44-10.283 3.95-16.657 12.657-6.842 9.35-13.723 24.012-19.593 42.563-11.094 35.068-18.797 84.06-20.875 139.156h115.97c-2.073-55.1-9.714-104.116-20.75-139.187-5.84-18.553-12.68-33.187-19.5-42.532-6.57-9.003-12.353-12.417-17.063-12.657-.48.006-.96-.01-1.44 0-.03.002-.06 0-.092 0zm35.968 4.907c7.715 11.575 14.262 26.65 19.938 44.688 11.825 37.578 19.62 88.07 21.687 144.78h82.19c-5.113-53.912-23.637-101.76-50.533-136.25-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.907-27.044 34.493-45.687 82.318-50.812 136.22h79.313c2.07-56.722 9.923-107.234 21.812-144.813 5.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.688 29.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.813-7.438 8.33-16.894 11.913-26.564 11.563-19.34-.7-40.22-17.18-40.22-53.375H151.5c0 43.858 28.352 70.98 58.25 72.063 14.95.54 30.13-5.43 41.156-17.782 11.027-12.352 17.75-30.725 17.75-54.28V245.593H249.97z"
      />
    </svg>
  );
}
With react-icons
import { GiUmbrella } from "react-icons/gi";

export function Example() {
  return <GiUmbrella className="size-5" />;
}
umbrella.svg
<svg
  viewBox="0 0 512 512"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M258.438 32.53c-4.628.44-10.283 3.95-16.657 12.657-6.842 9.35-13.723 24.012-19.593 42.563-11.094 35.068-18.797 84.06-20.875 139.156h115.97c-2.073-55.1-9.714-104.116-20.75-139.187-5.84-18.553-12.68-33.187-19.5-42.532-6.57-9.003-12.353-12.417-17.063-12.657-.48.006-.96-.01-1.44 0-.03.002-.06 0-.092 0zm35.968 4.907c7.715 11.575 14.262 26.65 19.938 44.688 11.825 37.578 19.62 88.07 21.687 144.78h82.19c-5.113-53.912-23.637-101.76-50.533-136.25-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.907-27.044 34.493-45.687 82.318-50.812 136.22h79.313c2.07-56.722 9.923-107.234 21.812-144.813 5.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.688 29.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.813-7.438 8.33-16.894 11.913-26.564 11.563-19.34-.7-40.22-17.18-40.22-53.375H151.5c0 43.858 28.352 70.98 58.25 72.063 14.95.54 30.13-5.43 41.156-17.782 11.027-12.352 17.75-30.725 17.75-54.28V245.593H249.97z"
  />
</svg>
Attribution
"Umbrella" icon from Game Icons (https://game-icons.net/), licensed under CC BY 3.0 license.

Related icons:

Umbrella icon in other sets