Gentleface › Nature & animals › grass
grass icon
grassGrass: grass, lawn, turf. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.
Code line-round
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M10.548 11.43C11.644 9.47 13.191 8.223 15 7.5C13 9.5 12 11 12 14L15 14L15 15L1 15L1 14L4 14C4 11 3 9 1 7.5C2.808 8.223 4.354 9.469 5.45 11.427C5.29 7.609 4.733 4.466 3.5 2C6.5 5 8 9 8 14C8 8.5 9.5 4 12.5 1C11.262 3.889 10.705 7.46 10.548 11.43Z"/></svg>
// Gentleface "grass" (line-round), MIT. https://gentleface.com/icons/grass
import type { SVGProps } from 'react';
export function GrassIcon(props: SVGProps<SVGSVGElement>) {
return (
<svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
<path d="M10.548 11.43C11.644 9.47 13.191 8.223 15 7.5C13 9.5 12 11 12 14L15 14L15 15L1 15L1 14L4 14C4 11 3 9 1 7.5C2.808 8.223 4.354 9.469 5.45 11.427C5.29 7.609 4.733 4.466 3.5 2C6.5 5 8 9 8 14C8 8.5 9.5 4 12.5 1C11.262 3.889 10.705 7.46 10.548 11.43Z" />
</svg>
);
}Vue: see /icons/grass.md
Svelte: see /icons/grass.md
HTML img: see /icons/grass.md
CSS: see /icons/grass.md
Data URL: see /icons/grass.md
Sprite: see /icons/grass.md
SwiftUI: see /icons/grass.md
Compose: see /icons/grass.md
Android XML: see /icons/grass.md
Flutter: see /icons/grass.md
Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.
With npm: import { GrassIcon } from '@gentleface/react'; (setup).
Meaning
- Use it for
- grass, lawn, turf
- Tags
- grass, lawn, turf, meadow, yard, garden, field, park, blades, mowing, landscaping, nature, green
- Category
- Nature & animals
- Component name
GrassIcon- History
- released in 0.2.0
- added
- Since
- version 0.2.0
More nature & animals icons
bird birdhouse butterfly cactus cannabis cat clover co2 compost cow dog dog-bark feather fish fish-off flower · all nature & animals icons
For agents
Metadata: /icons/grass.json · Markdown: /icons/grass.md · SVG: https://gentleface.com/svg/{style}/16/grass.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/grass.png