parasol icon

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

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

7 other variants in Keyline Icons

parasolparasol-duotoneparasol-fillparasol-sharp-duotoneparasol-sharp-fillparasol-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"><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2" d="M2 14C2 11.5 3.75 9.25 5.875 7.25C8 5.25 10.5 3.5 12 2C13.5 3.5 16 5.25 18.125 7.25C20.25 9.25 22 11.5 22 14C20.75 12 18.25 12 17 14C15.75 12 13.25 12 12 14C10.75 12 8.25 12 7 14C5.75 12 3.25 12 2 14ZM12 14L12 23"/></svg>

React

import type { SVGProps } from "react";

export function KeylineIconsParasolSharp(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="2" d="M2 14C2 11.5 3.75 9.25 5.875 7.25C8 5.25 10.5 3.5 12 2C13.5 3.5 16 5.25 18.125 7.25C20.25 9.25 22 11.5 22 14C20.75 12 18.25 12 17 14C15.75 12 13.25 12 12 14C10.75 12 8.25 12 7 14C5.75 12 3.25 12 2 14ZM12 14L12 23"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2" d="M2 14C2 11.5 3.75 9.25 5.875 7.25C8 5.25 10.5 3.5 12 2C13.5 3.5 16 5.25 18.125 7.25C20.25 9.25 22 11.5 22 14C20.75 12 18.25 12 17 14C15.75 12 13.25 12 12 14C10.75 12 8.25 12 7 14C5.75 12 3.25 12 2 14ZM12 14L12 23"/></svg>
</template>

CSS

.icon-parasol-sharp {
  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%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M2%2014C2%2011.5%203.75%209.25%205.875%207.25C8%205.25%2010.5%203.5%2012%202C13.5%203.5%2016%205.25%2018.125%207.25C20.25%209.25%2022%2011.5%2022%2014C20.75%2012%2018.25%2012%2017%2014C15.75%2012%2013.25%2012%2012%2014C10.75%2012%208.25%2012%207%2014C5.75%2012%203.25%2012%202%2014ZM12%2014L12%2023%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%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M2%2014C2%2011.5%203.75%209.25%205.875%207.25C8%205.25%2010.5%203.5%2012%202C13.5%203.5%2016%205.25%2018.125%207.25C20.25%209.25%2022%2011.5%2022%2014C20.75%2012%2018.25%2012%2017%2014C15.75%2012%2013.25%2012%2012%2014C10.75%2012%208.25%2012%207%2014C5.75%2012%203.25%2012%202%2014ZM12%2014L12%2023%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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