Skip to content
DeployDeployIcons
Umbrella icon

Umbrella

ob-umbrella

Drawn in-house in Nigeria for Deploy Icons. Available at one weight, free under the MIT licence.

Weights

  • Thin
  • Light
  • Regular
  • Umbrella, BoldBold
  • Fill
  • Duotone

Use it

React
import { BoldUmbrella } from 'onebit-icon-react';

<BoldUmbrella size={24} />
SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="-0.5 0 15 15" width="24" height="24" fill="none"><path fill="currentColor" d="M0 8.182C0 4.647 2.763 1.74 6.3 1.398V0h1.4v1.398c3.537.342 6.3 3.249 6.3 6.784 0 1.06-2.763 1.932-6.3 2.034v2.739C7.7 14.083 6.76 15 5.6 15c-1.16 0-2.1-.916-2.1-2.046v-.681h1.4v.681c0 .377.314.682.7.682.386 0 .7-.305.7-.681v-2.739C2.763 10.114 0 9.242 0 8.183Zm6.3.668V7.513c-1.972.062-3.448.372-4.283.67.835.296 2.31.606 4.283.667ZM7 2.727c-2.637 0-4.841 1.777-5.437 4.167C2.847 6.432 4.804 6.136 7 6.136s4.153.296 5.437.758c-.595-2.39-2.8-4.167-5.437-4.167Zm4.983 5.455c-.834-.297-2.31-.607-4.283-.669V8.85c1.972-.06 3.448-.371 4.283-.668Z"/></svg>
CSS mask
.icon-ob-umbrella {
  width: 24px; height: 24px;
  background: currentColor;
  mask: url("https://icons.onebit.ng/icons/bold-Umbrella.svg") center / contain no-repeat;
}

More in Clothing & Objects

← All Clothing & Objects iconsBrowse by categoryBrowse all icons