parasol icon

parasol-fill from Keyline Icons by Keyline Icons · Fill · MIT Free for personal and commercial use.

Name: parasol-fill
Set: Keyline Icons
Style: Fill
Viewbox: 24×24
License: MIT

7 other variants in Keyline Icons

parasol parasol-duotone parasol-sharp parasol-sharp-duotone parasol-sharp-fill parasol-sharp-two-tone parasol-two-tone

The same icon in other sets

Use the parasol icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" d="M1 14C1 11.0443 3.0505 8.5351 5.1896 6.5218C7.6439 4.2119 9.6399 2.9459 11.2929 1.2929C11.6834 0.9024 12.3166 0.9024 12.7071 1.2929C14.3601 2.9459 16.3561 4.2119 18.8104 6.5218C20.9495 8.5351 23 11.0443 23 14C23 15.0047 21.6845 15.382 21.152 14.53C20.2937 13.1567 18.7063 13.1567 17.848 14.53C17.4563 15.1567 16.5437 15.1567 16.152 14.53C15.2937 13.1567 13.7063 13.1567 12.848 14.53C12.4563 15.1567 11.5437 15.1567 11.152 14.53C10.2937 13.1567 8.7063 13.1567 7.848 14.53C7.4563 15.1567 6.5437 15.1567 6.152 14.53C5.2937 13.1567 3.7063 13.1567 2.848 14.53C2.3155 15.382 1 15.0047 1 14Z" stroke="none"/><path d="M12 14V22"/></g></svg>

React

import type { SVGProps } from "react";

export function KeylineIconsParasolFill(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2"><path fill="currentColor" d="M1 14C1 11.0443 3.0505 8.5351 5.1896 6.5218C7.6439 4.2119 9.6399 2.9459 11.2929 1.2929C11.6834 0.9024 12.3166 0.9024 12.7071 1.2929C14.3601 2.9459 16.3561 4.2119 18.8104 6.5218C20.9495 8.5351 23 11.0443 23 14C23 15.0047 21.6845 15.382 21.152 14.53C20.2937 13.1567 18.7063 13.1567 17.848 14.53C17.4563 15.1567 16.5437 15.1567 16.152 14.53C15.2937 13.1567 13.7063 13.1567 12.848 14.53C12.4563 15.1567 11.5437 15.1567 11.152 14.53C10.2937 13.1567 8.7063 13.1567 7.848 14.53C7.4563 15.1567 6.5437 15.1567 6.152 14.53C5.2937 13.1567 3.7063 13.1567 2.848 14.53C2.3155 15.382 1 15.0047 1 14Z" stroke="none"/><path d="M12 14V22"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" d="M1 14C1 11.0443 3.0505 8.5351 5.1896 6.5218C7.6439 4.2119 9.6399 2.9459 11.2929 1.2929C11.6834 0.9024 12.3166 0.9024 12.7071 1.2929C14.3601 2.9459 16.3561 4.2119 18.8104 6.5218C20.9495 8.5351 23 11.0443 23 14C23 15.0047 21.6845 15.382 21.152 14.53C20.2937 13.1567 18.7063 13.1567 17.848 14.53C17.4563 15.1567 16.5437 15.1567 16.152 14.53C15.2937 13.1567 13.7063 13.1567 12.848 14.53C12.4563 15.1567 11.5437 15.1567 11.152 14.53C10.2937 13.1567 8.7063 13.1567 7.848 14.53C7.4563 15.1567 6.5437 15.1567 6.152 14.53C5.2937 13.1567 3.7063 13.1567 2.848 14.53C2.3155 15.382 1 15.0047 1 14Z" stroke="none"/><path d="M12 14V22"/></g></svg>
</template>

CSS

.icon-parasol-fill {
  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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M1%2014C1%2011.0443%203.0505%208.5351%205.1896%206.5218C7.6439%204.2119%209.6399%202.9459%2011.2929%201.2929C11.6834%200.9024%2012.3166%200.9024%2012.7071%201.2929C14.3601%202.9459%2016.3561%204.2119%2018.8104%206.5218C20.9495%208.5351%2023%2011.0443%2023%2014C23%2015.0047%2021.6845%2015.382%2021.152%2014.53C20.2937%2013.1567%2018.7063%2013.1567%2017.848%2014.53C17.4563%2015.1567%2016.5437%2015.1567%2016.152%2014.53C15.2937%2013.1567%2013.7063%2013.1567%2012.848%2014.53C12.4563%2015.1567%2011.5437%2015.1567%2011.152%2014.53C10.2937%2013.1567%208.7063%2013.1567%207.848%2014.53C7.4563%2015.1567%206.5437%2015.1567%206.152%2014.53C5.2937%2013.1567%203.7063%2013.1567%202.848%2014.53C2.3155%2015.382%201%2015.0047%201%2014Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2014V22%22%2F%3E%3C%2Fg%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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M1%2014C1%2011.0443%203.0505%208.5351%205.1896%206.5218C7.6439%204.2119%209.6399%202.9459%2011.2929%201.2929C11.6834%200.9024%2012.3166%200.9024%2012.7071%201.2929C14.3601%202.9459%2016.3561%204.2119%2018.8104%206.5218C20.9495%208.5351%2023%2011.0443%2023%2014C23%2015.0047%2021.6845%2015.382%2021.152%2014.53C20.2937%2013.1567%2018.7063%2013.1567%2017.848%2014.53C17.4563%2015.1567%2016.5437%2015.1567%2016.152%2014.53C15.2937%2013.1567%2013.7063%2013.1567%2012.848%2014.53C12.4563%2015.1567%2011.5437%2015.1567%2011.152%2014.53C10.2937%2013.1567%208.7063%2013.1567%207.848%2014.53C7.4563%2015.1567%206.5437%2015.1567%206.152%2014.53C5.2937%2013.1567%203.7063%2013.1567%202.848%2014.53C2.3155%2015.382%201%2015.0047%201%2014Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2014V22%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/parasol-fill.svg?color=%231a73e8&size=48