Grass icon
andrsrxn:grass
The Grass icon (andrsrxn:grass) is a free SVG icon from the andrsrxn/icons set by Andrés Raxón. It is drawn on a 24 × 24 grid. andrsrxn/icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- andrsrxn/icons
- Author
- Andrés Raxón
- License
- MIT
- Size
- 24 × 24
- Category
- Nature
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="currentColor" d="M6.1 3.84c.8 4.8 1.46 12.08 1.46 12.08l.6 4.33c.05.45.08.68.25.82s.4.13.86.13h3.37c.34 0 .51 0 .64-.09c.12-.08.16-.24.25-.55l2.85-10.42l1.47-4.56c.12-.36.18-.54.1-.71s-.25-.27-.62-.48l-.1-.07c-.35-.2-.53-.3-.7-.28c-.18.02-.3.15-.55.4l-2.9 3c-.42.43-.63.65-.88.61c-.26-.03-.45-.31-.84-.88a13 13 0 0 0-2.01-2.35c-1.73-1.44-2.6-1.58-3.01-1.5c-.06 0-.08.01-.18.16s-.1.21-.07.36" opacity=".2"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M1.7 21h20.6m-19.12-.27s.33-2.82 0-5.44q-.16-1.14-.4-2.18c-.36-1.48-.53-2.21.1-2.6c.62-.37 1.07.03 1.98.82c.72.64 1.45 1.5 2.04 2.68c1.33 2.64 1.33 6.46 1.33 6.46m12.26.26s-.41-3.53 0-6.81c.16-1.28.44-2.53.73-3.62c.4-1.5.61-2.24.03-2.64c-.59-.4-1.1-.02-2.15.73a11 11 0 0 0-3.27 3.92c-1.66 3.31-1.66 8.1-1.66 8.1M12.08 8.25A11 11 0 0 0 8.5 4.03c-1.07-.75-1.6-1.12-2.17-.72c-.58.4-.37 1.16.04 2.66a25 25 0 0 1 .94 8.7"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M16.72 10.75c.19-1.5.54-3.01.89-4.3c.4-1.43.59-2.15 0-2.55c-.58-.4-1.1-.03-2.11.71c-1.23.9-2.65 2.3-3.91 4.44c-3.1 5.25-3.37 11.02-3.37 11.02"/></g></svg>
How to use the Grass icon
React
import { Icon } from "@iconify/react";
<Icon icon="andrsrxn:grass" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="andrsrxn:grass" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="andrsrxn:grass" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[andrsrxn--grass]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/andrsrxn -->
<div class="i-andrsrxn:grass"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="andrsrxn:grass"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/andrsrxn/grass.svg" alt="Grass icon" width="24" height="24">
Grass icon in other icon sets
Grass icon FAQ
Is the Grass icon free for commercial use?
Yes. andrsrxn/icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Grass icon in React?
Install @iconify/react and render <Icon icon="andrsrxn:grass" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Grass icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/andrsrxn/grass.svg" alt="Grass icon">, or paste the SVG code inline to style it with CSS.
Browse all andrsrxn/icons →
ICONYZ
