ios leaf icon
ios-leaf from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- ios-leaf
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
Related icons in IonIcons
ios-addios-add-circleios-airplaneios-alarmios-albumsios-alertios-american-footballios-americanfootballios-analyticsios-apertureios-appsios-appstoreios-archiveios-arrow-backios-arrow-downios-arrow-dropdownios-arrow-dropdown-circleios-arrow-dropleftios-arrow-dropleft-circleios-arrow-droprightios-arrow-dropright-circleios-arrow-dropupios-arrow-dropup-circleios-arrow-forward
Use the ios leaf icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M453.9 378.7c-51.8-8-55.7-11.7-55.7-11.7 15.6-74-22.4-151.1-76.3-195.6C250.1 112.2 141 155.2 56 65.2c-19.8-21-8.3 235.5 98.1 332.7 77.8 71 169.4 49.2 194.5 37.6 22.8-10.6 38.7-33.9 38.7-33.9 41.5 13 62 14.2 62 14.2 14.6 1.8 22-34.4 4.6-37.1zm-91.8 7.4c-77.7-23.3-145.3-81-189.1-126.2-3.6-3.7 1.6-9.2 5.5-6 43.1 35.5 108.9 80 193.3 107.9.2 8.1-4.5 19.7-9.7 24.3z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonIosLeaf(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M453.9 378.7c-51.8-8-55.7-11.7-55.7-11.7 15.6-74-22.4-151.1-76.3-195.6C250.1 112.2 141 155.2 56 65.2c-19.8-21-8.3 235.5 98.1 332.7 77.8 71 169.4 49.2 194.5 37.6 22.8-10.6 38.7-33.9 38.7-33.9 41.5 13 62 14.2 62 14.2 14.6 1.8 22-34.4 4.6-37.1zm-91.8 7.4c-77.7-23.3-145.3-81-189.1-126.2-3.6-3.7 1.6-9.2 5.5-6 43.1 35.5 108.9 80 193.3 107.9.2 8.1-4.5 19.7-9.7 24.3z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M453.9 378.7c-51.8-8-55.7-11.7-55.7-11.7 15.6-74-22.4-151.1-76.3-195.6C250.1 112.2 141 155.2 56 65.2c-19.8-21-8.3 235.5 98.1 332.7 77.8 71 169.4 49.2 194.5 37.6 22.8-10.6 38.7-33.9 38.7-33.9 41.5 13 62 14.2 62 14.2 14.6 1.8 22-34.4 4.6-37.1zm-91.8 7.4c-77.7-23.3-145.3-81-189.1-126.2-3.6-3.7 1.6-9.2 5.5-6 43.1 35.5 108.9 80 193.3 107.9.2 8.1-4.5 19.7-9.7 24.3z" fill="currentColor"/></svg> </template>
CSS
.icon-ios-leaf {
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%20512%20512%22%3E%3Cpath%20d%3D%22M453.9%20378.7c-51.8-8-55.7-11.7-55.7-11.7%2015.6-74-22.4-151.1-76.3-195.6C250.1%20112.2%20141%20155.2%2056%2065.2c-19.8-21-8.3%20235.5%2098.1%20332.7%2077.8%2071%20169.4%2049.2%20194.5%2037.6%2022.8-10.6%2038.7-33.9%2038.7-33.9%2041.5%2013%2062%2014.2%2062%2014.2%2014.6%201.8%2022-34.4%204.6-37.1zm-91.8%207.4c-77.7-23.3-145.3-81-189.1-126.2-3.6-3.7%201.6-9.2%205.5-6%2043.1%2035.5%20108.9%2080%20193.3%20107.9.2%208.1-4.5%2019.7-9.7%2024.3z%22%20fill%3D%22currentColor%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%20512%20512%22%3E%3Cpath%20d%3D%22M453.9%20378.7c-51.8-8-55.7-11.7-55.7-11.7%2015.6-74-22.4-151.1-76.3-195.6C250.1%20112.2%20141%20155.2%2056%2065.2c-19.8-21-8.3%20235.5%2098.1%20332.7%2077.8%2071%20169.4%2049.2%20194.5%2037.6%2022.8-10.6%2038.7-33.9%2038.7-33.9%2041.5%2013%2062%2014.2%2062%2014.2%2014.6%201.8%2022-34.4%204.6-37.1zm-91.8%207.4c-77.7-23.3-145.3-81-189.1-126.2-3.6-3.7%201.6-9.2%205.5-6%2043.1%2035.5%20108.9%2080%20193.3%20107.9.2%208.1-4.5%2019.7-9.7%2024.3z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/ios-leaf.svg?color=%231a73e8&size=48
