parasol icon

parasol-duotone from Keyline Icons by Keyline Icons · Duotone · MIT Free for personal and commercial use.

Name: parasol-duotone
Set: Keyline Icons
Style: Duotone
Viewbox: 24×24
License: MIT

7 other variants in Keyline Icons

parasol parasol-fill 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 stroke-opacity=".4" d="M12 14V22"/><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"/></g></svg>

React

import type { SVGProps } from "react";

export function KeylineIconsParasolDuotone(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 strokeOpacity=".4" d="M12 14V22"/><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"/></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 stroke-opacity=".4" d="M12 14V22"/><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"/></g></svg>
</template>

CSS

.icon-parasol-duotone {
  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%20stroke-opacity%3D%22.4%22%20d%3D%22M12%2014V22%22%2F%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%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%20stroke-opacity%3D%22.4%22%20d%3D%22M12%2014V22%22%2F%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%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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