Gentleface › Weather › umbrella-off
umbrella-off icon
umbrella-offUmbrella off: uninsured, not covered, no insurance. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.
Code line-round
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M15.003 14.5C15.003 14.636 14.953 14.754 14.854 14.854C14.754 14.953 14.636 15.003 14.5 15.003C14.364 15.003 14.246 14.953 14.146 14.854L8 8.707L8 12C8 12.276 8.098 12.512 8.293 12.707C8.488 12.902 8.724 13 9 13C9.209 13 9.4 12.94 9.571 12.821C9.743 12.701 9.865 12.543 9.938 12.347C9.986 12.217 10.072 12.124 10.198 12.066C10.323 12.008 10.451 12.004 10.58 12.051C10.71 12.099 10.803 12.186 10.861 12.311C10.919 12.437 10.924 12.564 10.876 12.694C10.731 13.086 10.486 13.402 10.143 13.641C9.799 13.88 9.418 14 9 14C8.746 14 8.5 13.953 8.264 13.86C8.007 13.758 7.781 13.609 7.586 13.414C7.391 13.219 7.242 12.993 7.14 12.736C7.047 12.5 7 12.254 7 12L7 8L1.5 8C1.359 8 1.241 7.952 1.144 7.856C1.048 7.759 1 7.641 1 7.5C1 6.673 1.152 5.875 1.457 5.107C1.724 4.43 2.093 3.819 2.564 3.271L1.146 1.854C1.047 1.754 0.997 1.636 0.997 1.5C0.997 1.364 1.047 1.246 1.146 1.146C1.246 1.047 1.364 0.997 1.5 0.997C1.636 0.997 1.754 1.047 1.854 1.146L14.854 14.146C14.953 14.246 15.003 14.364 15.003 14.5ZM6.293 7L3.273 3.98C2.899 4.429 2.603 4.927 2.386 5.475C2.191 5.969 2.069 6.477 2.022 7L6.293 7ZM10.144 7.856C10.048 7.759 10 7.641 10 7.5C10 7.359 10.048 7.241 10.144 7.144C10.241 7.048 10.359 7 10.5 7L12.978 7C12.931 6.478 12.809 5.969 12.614 5.475C12.334 4.769 11.926 4.148 11.389 3.611C10.852 3.074 10.231 2.666 9.525 2.386C8.874 2.129 8.199 2 7.5 2C6.643 2 5.831 2.19 5.063 2.569C4.937 2.632 4.809 2.641 4.68 2.598C4.551 2.554 4.456 2.469 4.393 2.343C4.332 2.219 4.324 2.092 4.368 1.961C4.412 1.83 4.496 1.734 4.62 1.673C5.527 1.224 6.488 1 7.5 1C8.327 1 9.124 1.152 9.893 1.456C10.727 1.787 11.462 2.269 12.096 2.904C12.731 3.538 13.213 4.273 13.544 5.107C13.848 5.876 14 6.673 14 7.5C14 7.641 13.952 7.759 13.856 7.856C13.759 7.952 13.641 8 13.5 8L10.5 8C10.359 8 10.241 7.952 10.144 7.856Z"/></svg>
// Gentleface "umbrella-off" (line-round), MIT. https://gentleface.com/icons/umbrella-off
import type { SVGProps } from 'react';
export function UmbrellaOffIcon(props: SVGProps<SVGSVGElement>) {
return (
<svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
<path d="M15.003 14.5C15.003 14.636 14.953 14.754 14.854 14.854C14.754 14.953 14.636 15.003 14.5 15.003C14.364 15.003 14.246 14.953 14.146 14.854L8 8.707L8 12C8 12.276 8.098 12.512 8.293 12.707C8.488 12.902 8.724 13 9 13C9.209 13 9.4 12.94 9.571 12.821C9.743 12.701 9.865 12.543 9.938 12.347C9.986 12.217 10.072 12.124 10.198 12.066C10.323 12.008 10.451 12.004 10.58 12.051C10.71 12.099 10.803 12.186 10.861 12.311C10.919 12.437 10.924 12.564 10.876 12.694C10.731 13.086 10.486 13.402 10.143 13.641C9.799 13.88 9.418 14 9 14C8.746 14 8.5 13.953 8.264 13.86C8.007 13.758 7.781 13.609 7.586 13.414C7.391 13.219 7.242 12.993 7.14 12.736C7.047 12.5 7 12.254 7 12L7 8L1.5 8C1.359 8 1.241 7.952 1.144 7.856C1.048 7.759 1 7.641 1 7.5C1 6.673 1.152 5.875 1.457 5.107C1.724 4.43 2.093 3.819 2.564 3.271L1.146 1.854C1.047 1.754 0.997 1.636 0.997 1.5C0.997 1.364 1.047 1.246 1.146 1.146C1.246 1.047 1.364 0.997 1.5 0.997C1.636 0.997 1.754 1.047 1.854 1.146L14.854 14.146C14.953 14.246 15.003 14.364 15.003 14.5ZM6.293 7L3.273 3.98C2.899 4.429 2.603 4.927 2.386 5.475C2.191 5.969 2.069 6.477 2.022 7L6.293 7ZM10.144 7.856C10.048 7.759 10 7.641 10 7.5C10 7.359 10.048 7.241 10.144 7.144C10.241 7.048 10.359 7 10.5 7L12.978 7C12.931 6.478 12.809 5.969 12.614 5.475C12.334 4.769 11.926 4.148 11.389 3.611C10.852 3.074 10.231 2.666 9.525 2.386C8.874 2.129 8.199 2 7.5 2C6.643 2 5.831 2.19 5.063 2.569C4.937 2.632 4.809 2.641 4.68 2.598C4.551 2.554 4.456 2.469 4.393 2.343C4.332 2.219 4.324 2.092 4.368 1.961C4.412 1.83 4.496 1.734 4.62 1.673C5.527 1.224 6.488 1 7.5 1C8.327 1 9.124 1.152 9.893 1.456C10.727 1.787 11.462 2.269 12.096 2.904C12.731 3.538 13.213 4.273 13.544 5.107C13.848 5.876 14 6.673 14 7.5C14 7.641 13.952 7.759 13.856 7.856C13.759 7.952 13.641 8 13.5 8L10.5 8C10.359 8 10.241 7.952 10.144 7.856Z" />
</svg>
);
}Vue: see /icons/umbrella-off.md
Svelte: see /icons/umbrella-off.md
HTML img: see /icons/umbrella-off.md
CSS: see /icons/umbrella-off.md
Data URL: see /icons/umbrella-off.md
Sprite: see /icons/umbrella-off.md
SwiftUI: see /icons/umbrella-off.md
Compose: see /icons/umbrella-off.md
Android XML: see /icons/umbrella-off.md
Flutter: see /icons/umbrella-off.md
Each icon is drawn on the 16 px grid, and most also on the 20 and 24 px grids (at 24 in three weights: light 1 px, regular 1.5 px, bold 2 px). Show the drawing made for your size, or an exact multiple of it, on whole pixels: 16 for 16 and 32 px, 20 for 20 and 40, 24 for 24 and 48. A size in between or a fractional position blurs it. The code on each icon page is the 16 px drawing, an SVG with fill="currentColor"; the icon page's downloads follow its Grid switch, and npm has the 20 and 24 px drawings too. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.
With npm: import { UmbrellaOffIcon } from '@gentleface/react'; (setup).
Meaning
Family 50
More weather icons
cloud-drizzle cloud-fog cloud-hail cloud-lightning cloud-moon cloud-moon-rain cloud-rain cloud-rain-heavy cloud-rain-wind cloud-sleet cloud-snow cloud-snow-wind cloud-sun cloud-sun-rain clouds droplet · all weather icons
For agents
Metadata: /icons/umbrella-off.json · Markdown: /icons/umbrella-off.md · SVG: https://gentleface.com/svg/{style}/16/umbrella-off.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/umbrella-off.png