parasol icon
parasol-sharp-two-tone from Keyline Icons by Keyline Icons · Sharp Two Tone · MIT Free for personal and commercial use.
- Name
- parasol-sharp-two-tone
- Set
- Keyline Icons
- Style
- Sharp Two Tone
- Viewbox
- 24×24
- License
- MIT
7 other variants in Keyline Icons
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-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" 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="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"/></g></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsParasolSharpTwoTone(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" fillOpacity=".4" 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="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"/></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" fill-opacity=".4" 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="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"/></g></svg> </template>
CSS
.icon-parasol-sharp-two-tone {
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%20fill-opacity%3D%22.4%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%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%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%20fill-opacity%3D%22.4%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%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%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/parasol-sharp-two-tone.svg?color=%231a73e8&size=48
