ios umbrella icon
ios-umbrella from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- ios-umbrella
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
Related icons in IonIcons
ios-addios-add-circleios-airplaneios-alarmios-albumsios-alertios-american-footballios-americanfootballios-analyticsios-apertureios-appsios-appstoreios-archiveios-arrow-backios-arrow-downios-arrow-dropdownios-arrow-dropdown-circleios-arrow-dropleftios-arrow-dropleft-circleios-arrow-droprightios-arrow-dropright-circleios-arrow-dropupios-arrow-dropup-circleios-arrow-forward
Use the ios umbrella icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M407.1 137.9c-34.9-41.6-81.3-67.3-131.2-72.6-2-9.9-10.2-17.3-19.9-17.3s-17.9 7.3-19.9 17.2c-50.6 5.2-97.4 30.3-132.1 71.2-35.8 42.2-55.6 85.5-55.8 143.7-.1.5-.2 1.2-.2 2.1.1 3.2 2.7 5.8 5.8 5.8h3.1c2.6 0 4.9-1.8 5.6-4.4 2.7-10.1 8.4-19.1 16-25.5 7.7-6.5 16.9-9.9 26.6-9.9 9.6 0 18.8 3.4 26.5 10 7.6 6.4 13.2 15.4 16 25.5.7 2.6 3 4.4 5.6 4.4h4.8c2.6 0 4.9-1.8 5.6-4.4 5.7-20.9 23.3-35.4 42.8-35.4 14.8 0 28.8 8.4 36.9 21.9V418c0 9.9-8 18-17.7 18s-17.6-8.1-17.6-18c0-7.7-6.1-14-13.7-14-7.5 0-13.6 6.3-13.6 14 0 25.4 20.2 46 44.9 46 24.8 0 44.9-20.6 44.9-46V270.8c8.2-14.2 21.9-22.6 36.9-22.6 9.6 0 18.7 3.4 26.4 9.9 7.5 6.4 13.1 15.4 15.9 25.5.7 2.6 3 4.4 5.6 4.4h4.8c2.6 0 4.9-1.8 5.6-4.4 2.7-10.1 8.4-19.2 16-25.6 7.7-6.5 16.9-10 26.6-10 9.7 0 19 3.4 26.7 10 7.6 6.4 13.2 15.5 15.9 25.6.7 2.6 3 4.4 5.6 4.4h1.5c1.6 0 3.1-.6 4.2-1.8s1.7-2.7 1.7-4.3c-.8-57.9-21-101.3-56.8-144z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonIosUmbrella(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M407.1 137.9c-34.9-41.6-81.3-67.3-131.2-72.6-2-9.9-10.2-17.3-19.9-17.3s-17.9 7.3-19.9 17.2c-50.6 5.2-97.4 30.3-132.1 71.2-35.8 42.2-55.6 85.5-55.8 143.7-.1.5-.2 1.2-.2 2.1.1 3.2 2.7 5.8 5.8 5.8h3.1c2.6 0 4.9-1.8 5.6-4.4 2.7-10.1 8.4-19.1 16-25.5 7.7-6.5 16.9-9.9 26.6-9.9 9.6 0 18.8 3.4 26.5 10 7.6 6.4 13.2 15.4 16 25.5.7 2.6 3 4.4 5.6 4.4h4.8c2.6 0 4.9-1.8 5.6-4.4 5.7-20.9 23.3-35.4 42.8-35.4 14.8 0 28.8 8.4 36.9 21.9V418c0 9.9-8 18-17.7 18s-17.6-8.1-17.6-18c0-7.7-6.1-14-13.7-14-7.5 0-13.6 6.3-13.6 14 0 25.4 20.2 46 44.9 46 24.8 0 44.9-20.6 44.9-46V270.8c8.2-14.2 21.9-22.6 36.9-22.6 9.6 0 18.7 3.4 26.4 9.9 7.5 6.4 13.1 15.4 15.9 25.5.7 2.6 3 4.4 5.6 4.4h4.8c2.6 0 4.9-1.8 5.6-4.4 2.7-10.1 8.4-19.2 16-25.6 7.7-6.5 16.9-10 26.6-10 9.7 0 19 3.4 26.7 10 7.6 6.4 13.2 15.5 15.9 25.6.7 2.6 3 4.4 5.6 4.4h1.5c1.6 0 3.1-.6 4.2-1.8s1.7-2.7 1.7-4.3c-.8-57.9-21-101.3-56.8-144z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M407.1 137.9c-34.9-41.6-81.3-67.3-131.2-72.6-2-9.9-10.2-17.3-19.9-17.3s-17.9 7.3-19.9 17.2c-50.6 5.2-97.4 30.3-132.1 71.2-35.8 42.2-55.6 85.5-55.8 143.7-.1.5-.2 1.2-.2 2.1.1 3.2 2.7 5.8 5.8 5.8h3.1c2.6 0 4.9-1.8 5.6-4.4 2.7-10.1 8.4-19.1 16-25.5 7.7-6.5 16.9-9.9 26.6-9.9 9.6 0 18.8 3.4 26.5 10 7.6 6.4 13.2 15.4 16 25.5.7 2.6 3 4.4 5.6 4.4h4.8c2.6 0 4.9-1.8 5.6-4.4 5.7-20.9 23.3-35.4 42.8-35.4 14.8 0 28.8 8.4 36.9 21.9V418c0 9.9-8 18-17.7 18s-17.6-8.1-17.6-18c0-7.7-6.1-14-13.7-14-7.5 0-13.6 6.3-13.6 14 0 25.4 20.2 46 44.9 46 24.8 0 44.9-20.6 44.9-46V270.8c8.2-14.2 21.9-22.6 36.9-22.6 9.6 0 18.7 3.4 26.4 9.9 7.5 6.4 13.1 15.4 15.9 25.5.7 2.6 3 4.4 5.6 4.4h4.8c2.6 0 4.9-1.8 5.6-4.4 2.7-10.1 8.4-19.2 16-25.6 7.7-6.5 16.9-10 26.6-10 9.7 0 19 3.4 26.7 10 7.6 6.4 13.2 15.5 15.9 25.6.7 2.6 3 4.4 5.6 4.4h1.5c1.6 0 3.1-.6 4.2-1.8s1.7-2.7 1.7-4.3c-.8-57.9-21-101.3-56.8-144z" fill="currentColor"/></svg> </template>
CSS
.icon-ios-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%20512%20512%22%3E%3Cpath%20d%3D%22M407.1%20137.9c-34.9-41.6-81.3-67.3-131.2-72.6-2-9.9-10.2-17.3-19.9-17.3s-17.9%207.3-19.9%2017.2c-50.6%205.2-97.4%2030.3-132.1%2071.2-35.8%2042.2-55.6%2085.5-55.8%20143.7-.1.5-.2%201.2-.2%202.1.1%203.2%202.7%205.8%205.8%205.8h3.1c2.6%200%204.9-1.8%205.6-4.4%202.7-10.1%208.4-19.1%2016-25.5%207.7-6.5%2016.9-9.9%2026.6-9.9%209.6%200%2018.8%203.4%2026.5%2010%207.6%206.4%2013.2%2015.4%2016%2025.5.7%202.6%203%204.4%205.6%204.4h4.8c2.6%200%204.9-1.8%205.6-4.4%205.7-20.9%2023.3-35.4%2042.8-35.4%2014.8%200%2028.8%208.4%2036.9%2021.9V418c0%209.9-8%2018-17.7%2018s-17.6-8.1-17.6-18c0-7.7-6.1-14-13.7-14-7.5%200-13.6%206.3-13.6%2014%200%2025.4%2020.2%2046%2044.9%2046%2024.8%200%2044.9-20.6%2044.9-46V270.8c8.2-14.2%2021.9-22.6%2036.9-22.6%209.6%200%2018.7%203.4%2026.4%209.9%207.5%206.4%2013.1%2015.4%2015.9%2025.5.7%202.6%203%204.4%205.6%204.4h4.8c2.6%200%204.9-1.8%205.6-4.4%202.7-10.1%208.4-19.2%2016-25.6%207.7-6.5%2016.9-10%2026.6-10%209.7%200%2019%203.4%2026.7%2010%207.6%206.4%2013.2%2015.5%2015.9%2025.6.7%202.6%203%204.4%205.6%204.4h1.5c1.6%200%203.1-.6%204.2-1.8s1.7-2.7%201.7-4.3c-.8-57.9-21-101.3-56.8-144z%22%20fill%3D%22currentColor%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%20512%20512%22%3E%3Cpath%20d%3D%22M407.1%20137.9c-34.9-41.6-81.3-67.3-131.2-72.6-2-9.9-10.2-17.3-19.9-17.3s-17.9%207.3-19.9%2017.2c-50.6%205.2-97.4%2030.3-132.1%2071.2-35.8%2042.2-55.6%2085.5-55.8%20143.7-.1.5-.2%201.2-.2%202.1.1%203.2%202.7%205.8%205.8%205.8h3.1c2.6%200%204.9-1.8%205.6-4.4%202.7-10.1%208.4-19.1%2016-25.5%207.7-6.5%2016.9-9.9%2026.6-9.9%209.6%200%2018.8%203.4%2026.5%2010%207.6%206.4%2013.2%2015.4%2016%2025.5.7%202.6%203%204.4%205.6%204.4h4.8c2.6%200%204.9-1.8%205.6-4.4%205.7-20.9%2023.3-35.4%2042.8-35.4%2014.8%200%2028.8%208.4%2036.9%2021.9V418c0%209.9-8%2018-17.7%2018s-17.6-8.1-17.6-18c0-7.7-6.1-14-13.7-14-7.5%200-13.6%206.3-13.6%2014%200%2025.4%2020.2%2046%2044.9%2046%2024.8%200%2044.9-20.6%2044.9-46V270.8c8.2-14.2%2021.9-22.6%2036.9-22.6%209.6%200%2018.7%203.4%2026.4%209.9%207.5%206.4%2013.1%2015.4%2015.9%2025.5.7%202.6%203%204.4%205.6%204.4h4.8c2.6%200%204.9-1.8%205.6-4.4%202.7-10.1%208.4-19.2%2016-25.6%207.7-6.5%2016.9-10%2026.6-10%209.7%200%2019%203.4%2026.7%2010%207.6%206.4%2013.2%2015.5%2015.9%2025.6.7%202.6%203%204.4%205.6%204.4h1.5c1.6%200%203.1-.6%204.2-1.8s1.7-2.7%201.7-4.3c-.8-57.9-21-101.3-56.8-144z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/ios-umbrella.svg?color=%231a73e8&size=48
