parasol icon

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

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

7 other variants in Keyline Icons

parasolparasol-duotoneparasol-fillparasol-sharpparasol-sharp-duotoneparasol-sharp-two-toneparasol-two-tone

The same icon in other sets

parasolLucide

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-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 14L12 23"/></g></svg>

React

import type { SVGProps } from "react";

export function KeylineIconsParasolSharpFill(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" 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 14L12 23"/></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-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 14L12 23"/></g></svg>
</template>

CSS

.icon-parasol-sharp-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-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%2014L12%2023%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-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%2014L12%2023%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-sharp-fill.svg?color=%231a73e8&size=48