closed umbrella emoji

closed-umbrella from Streamline Emojis by Streamline · Default · Smiley People · CC-BY-4.0 Attribution required.

Name
closed-umbrella
Set
Streamline Emojis
Style
Default
Category
Smiley People
Viewbox
48×48
License
CC BY 4.0

The same emoji in other sets

closed-umbrellaEmoji One (Colored)closed-umbrellaFluent Emojiclosed-umbrellaFluent Emoji Flatclosed-umbrellaFluent Emoji High Contrastclosed-umbrellaNoto Emojiclosed-umbrellaOpenMojiclosed-umbrellaTwitter Emoji

More smiley people icons from Streamline Emojis

alienamazed-faceamusing-faceanguished-faceanxious-faceastonished-faceastronaut-1astronaut-2baby-1baby-2baby-3baby-angel-1baby-angel-2backhand-index-pointing-down-1backhand-index-pointing-down-2backhand-index-pointing-left-1backhand-index-pointing-left-2backhand-index-pointing-right-1backhand-index-pointing-right-2backhand-index-pointing-up-1backhand-index-pointing-up-2beaming-face-with-smiling-eyesbikiniboy-1

Use the closed umbrella emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="#87898c" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M7.42 9.5A1.77 1.77 0 0 1 9.93 7l.68.68a1.25 1.25 0 1 0 1.77-1.77l-.68-.68a4.28 4.28 0 0 0-6 6L15.37 21l1.77-1.78Zm32.7 32.7l-2.66-2.65l-1.77 1.77L38.35 44a1.26 1.26 0 1 0 1.77-1.78Z"/><path fill="#45413c" d="M11.6 45.12a14.4 1.88 0 1 0 28.8 0a14.4 1.88 0 1 0-28.8 0" opacity=".15"/><path fill="#ff87af" d="M37.7 39.29L22.26 11.64a.35.35 0 0 0-.65.19a5.78 5.78 0 0 1-6.11 6.11l-1.12-.06a.34.34 0 0 0-.36.36l.06 1.12A5.77 5.77 0 0 1 8 25.47a.34.34 0 0 0-.19.64l27.62 15.45a1.67 1.67 0 0 0 2.27-2.27"/><path fill="#ffb0ca" d="m19.62 16.55l17 25.17a1.67 1.67 0 0 0 1-2.43L22.26 11.64a.35.35 0 0 0-.65.19a5.78 5.78 0 0 1-1.99 4.72"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M37.7 39.29L22.26 11.64a.35.35 0 0 0-.65.19a5.78 5.78 0 0 1-6.11 6.11l-1.12-.06a.34.34 0 0 0-.36.36l.06 1.12A5.77 5.77 0 0 1 8 25.47a.34.34 0 0 0-.19.64l27.62 15.45a1.67 1.67 0 0 0 2.27-2.27"/></svg>

React

import type { SVGProps } from "react";

export function StreamlineEmojisClosedUmbrella(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="#87898c" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M7.42 9.5A1.77 1.77 0 0 1 9.93 7l.68.68a1.25 1.25 0 1 0 1.77-1.77l-.68-.68a4.28 4.28 0 0 0-6 6L15.37 21l1.77-1.78Zm32.7 32.7l-2.66-2.65l-1.77 1.77L38.35 44a1.26 1.26 0 1 0 1.77-1.78Z"/><path fill="#45413c" d="M11.6 45.12a14.4 1.88 0 1 0 28.8 0a14.4 1.88 0 1 0-28.8 0" opacity=".15"/><path fill="#ff87af" d="M37.7 39.29L22.26 11.64a.35.35 0 0 0-.65.19a5.78 5.78 0 0 1-6.11 6.11l-1.12-.06a.34.34 0 0 0-.36.36l.06 1.12A5.77 5.77 0 0 1 8 25.47a.34.34 0 0 0-.19.64l27.62 15.45a1.67 1.67 0 0 0 2.27-2.27"/><path fill="#ffb0ca" d="m19.62 16.55l17 25.17a1.67 1.67 0 0 0 1-2.43L22.26 11.64a.35.35 0 0 0-.65.19a5.78 5.78 0 0 1-1.99 4.72"/><path fill="none" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M37.7 39.29L22.26 11.64a.35.35 0 0 0-.65.19a5.78 5.78 0 0 1-6.11 6.11l-1.12-.06a.34.34 0 0 0-.36.36l.06 1.12A5.77 5.77 0 0 1 8 25.47a.34.34 0 0 0-.19.64l27.62 15.45a1.67 1.67 0 0 0 2.27-2.27"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="#87898c" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M7.42 9.5A1.77 1.77 0 0 1 9.93 7l.68.68a1.25 1.25 0 1 0 1.77-1.77l-.68-.68a4.28 4.28 0 0 0-6 6L15.37 21l1.77-1.78Zm32.7 32.7l-2.66-2.65l-1.77 1.77L38.35 44a1.26 1.26 0 1 0 1.77-1.78Z"/><path fill="#45413c" d="M11.6 45.12a14.4 1.88 0 1 0 28.8 0a14.4 1.88 0 1 0-28.8 0" opacity=".15"/><path fill="#ff87af" d="M37.7 39.29L22.26 11.64a.35.35 0 0 0-.65.19a5.78 5.78 0 0 1-6.11 6.11l-1.12-.06a.34.34 0 0 0-.36.36l.06 1.12A5.77 5.77 0 0 1 8 25.47a.34.34 0 0 0-.19.64l27.62 15.45a1.67 1.67 0 0 0 2.27-2.27"/><path fill="#ffb0ca" d="m19.62 16.55l17 25.17a1.67 1.67 0 0 0 1-2.43L22.26 11.64a.35.35 0 0 0-.65.19a5.78 5.78 0 0 1-1.99 4.72"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M37.7 39.29L22.26 11.64a.35.35 0 0 0-.65.19a5.78 5.78 0 0 1-6.11 6.11l-1.12-.06a.34.34 0 0 0-.36.36l.06 1.12A5.77 5.77 0 0 1 8 25.47a.34.34 0 0 0-.19.64l27.62 15.45a1.67 1.67 0 0 0 2.27-2.27"/></svg>
</template>

CSS

.icon-closed-umbrella {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22%2387898c%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M7.42%209.5A1.77%201.77%200%200%201%209.93%207l.68.68a1.25%201.25%200%201%200%201.77-1.77l-.68-.68a4.28%204.28%200%200%200-6%206L15.37%2021l1.77-1.78Zm32.7%2032.7l-2.66-2.65l-1.77%201.77L38.35%2044a1.26%201.26%200%201%200%201.77-1.78Z%22%2F%3E%3Cpath%20fill%3D%22%2345413c%22%20d%3D%22M11.6%2045.12a14.4%201.88%200%201%200%2028.8%200a14.4%201.88%200%201%200-28.8%200%22%20opacity%3D%22.15%22%2F%3E%3Cpath%20fill%3D%22%23ff87af%22%20d%3D%22M37.7%2039.29L22.26%2011.64a.35.35%200%200%200-.65.19a5.78%205.78%200%200%201-6.11%206.11l-1.12-.06a.34.34%200%200%200-.36.36l.06%201.12A5.77%205.77%200%200%201%208%2025.47a.34.34%200%200%200-.19.64l27.62%2015.45a1.67%201.67%200%200%200%202.27-2.27%22%2F%3E%3Cpath%20fill%3D%22%23ffb0ca%22%20d%3D%22m19.62%2016.55l17%2025.17a1.67%201.67%200%200%200%201-2.43L22.26%2011.64a.35.35%200%200%200-.65.19a5.78%205.78%200%200%201-1.99%204.72%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M37.7%2039.29L22.26%2011.64a.35.35%200%200%200-.65.19a5.78%205.78%200%200%201-6.11%206.11l-1.12-.06a.34.34%200%200%200-.36.36l.06%201.12A5.77%205.77%200%200%201%208%2025.47a.34.34%200%200%200-.19.64l27.62%2015.45a1.67%201.67%200%200%200%202.27-2.27%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22%2387898c%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M7.42%209.5A1.77%201.77%200%200%201%209.93%207l.68.68a1.25%201.25%200%201%200%201.77-1.77l-.68-.68a4.28%204.28%200%200%200-6%206L15.37%2021l1.77-1.78Zm32.7%2032.7l-2.66-2.65l-1.77%201.77L38.35%2044a1.26%201.26%200%201%200%201.77-1.78Z%22%2F%3E%3Cpath%20fill%3D%22%2345413c%22%20d%3D%22M11.6%2045.12a14.4%201.88%200%201%200%2028.8%200a14.4%201.88%200%201%200-28.8%200%22%20opacity%3D%22.15%22%2F%3E%3Cpath%20fill%3D%22%23ff87af%22%20d%3D%22M37.7%2039.29L22.26%2011.64a.35.35%200%200%200-.65.19a5.78%205.78%200%200%201-6.11%206.11l-1.12-.06a.34.34%200%200%200-.36.36l.06%201.12A5.77%205.77%200%200%201%208%2025.47a.34.34%200%200%200-.19.64l27.62%2015.45a1.67%201.67%200%200%200%202.27-2.27%22%2F%3E%3Cpath%20fill%3D%22%23ffb0ca%22%20d%3D%22m19.62%2016.55l17%2025.17a1.67%201.67%200%200%200%201-2.43L22.26%2011.64a.35.35%200%200%200-.65.19a5.78%205.78%200%200%201-1.99%204.72%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M37.7%2039.29L22.26%2011.64a.35.35%200%200%200-.65.19a5.78%205.78%200%200%201-6.11%206.11l-1.12-.06a.34.34%200%200%200-.36.36l.06%201.12A5.77%205.77%200%200%201%208%2025.47a.34.34%200%200%200-.19.64l27.62%2015.45a1.67%201.67%200%200%200%202.27-2.27%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/streamline-emojis/closed-umbrella.svg?color=%231a73e8&size=48