herb emoji
herb from Twitter Emoji by Twitter · Default · Animals & Nature · CC-BY-4.0 Attribution required.
- Name
- herb
- Set
- Twitter Emoji
- Style
- Default
- Category
- Animals & Nature
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
More animals & nature icons from Twitter Emoji
Use the herb emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#77b255" d="M20.917 22.502c-2.706-.331-3.895-1.852-6.273-4.889c3.039-2.376 4.559-3.565 7.266-3.235c2.71.332 5.25 2.016 6.273 4.889c-1.683 2.543-4.557 3.563-7.266 3.235m-5.959 8.814c-2.549-.187-3.733-1.553-6.098-4.288c2.735-2.364 4.102-3.547 6.652-3.364c2.551.185 5.009 1.644 6.098 4.287c-1.459 2.458-4.1 3.548-6.652 3.365m-6.22-15.707c1.338 1.631 1.191 3.117.898 6.088c-2.97-.294-4.456-.44-5.795-2.071c-1.339-1.634-1.861-3.935-.898-6.088c2.301-.524 4.456.439 5.795 2.071m21.116-5.448c-2.435 1.02-4.16.314-7.613-1.097c1.411-3.453 2.118-5.18 4.549-6.203c2.434-1.021 5.378-.826 7.612 1.096c-.194 2.944-2.117 5.181-4.548 6.204M17.103 6.608c.874 2.869-.124 4.742-2.119 8.488c-3.745-1.996-5.619-2.994-6.494-5.864c-.876-2.872-.315-6.18 2.118-8.49c3.308.561 5.619 2.993 6.495 5.866"/><path fill="#a6d388" d="M8.49 9.232c.862 2.828 2.702 3.843 6.338 5.781v-.005c-.07-2.521-2.733-10.876-4.267-14.214C8.172 3.102 7.62 6.381 8.49 9.232m-5.592 4.429c-.89 2.118-.371 4.362.943 5.965c1.34 1.632 2.826 1.777 5.795 2.071c-.997-1.937-4.911-6.388-6.738-8.036"/><path fill="#5c913b" d="M21.91 14.378c-2.563-.312-4.077.75-6.808 2.879c1.746.105 8.786.745 13.06 2.037l.021-.027c-1.023-2.873-3.563-4.557-6.273-4.889m-.304 13.565c-1.091-2.637-3.545-4.094-6.094-4.279c-2.5-.179-3.87.961-6.498 3.232c2.767-.305 7.905-.87 12.592 1.047"/><path fill="#a6d388" d="M22.421 9.137c3.327 1.359 5.043 2.024 7.432 1.024c2.419-1.018 4.332-3.239 4.542-6.16c-3.922.761-10.391 4.15-11.974 5.136"/><path fill="#a06253" d="M4.751 35.061c-.584-.091-1.363-.831-1.273-1.416c.546-3.562 2.858-12.168 18.298-24.755c.458-.375.976-.659 1.364-.212c.391.447-.052.95-.498 1.339C9.354 21.587 7.128 30.751 6.619 34.082c-.091.585-1.283 1.067-1.868.979"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiHerb(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#77b255" d="M20.917 22.502c-2.706-.331-3.895-1.852-6.273-4.889c3.039-2.376 4.559-3.565 7.266-3.235c2.71.332 5.25 2.016 6.273 4.889c-1.683 2.543-4.557 3.563-7.266 3.235m-5.959 8.814c-2.549-.187-3.733-1.553-6.098-4.288c2.735-2.364 4.102-3.547 6.652-3.364c2.551.185 5.009 1.644 6.098 4.287c-1.459 2.458-4.1 3.548-6.652 3.365m-6.22-15.707c1.338 1.631 1.191 3.117.898 6.088c-2.97-.294-4.456-.44-5.795-2.071c-1.339-1.634-1.861-3.935-.898-6.088c2.301-.524 4.456.439 5.795 2.071m21.116-5.448c-2.435 1.02-4.16.314-7.613-1.097c1.411-3.453 2.118-5.18 4.549-6.203c2.434-1.021 5.378-.826 7.612 1.096c-.194 2.944-2.117 5.181-4.548 6.204M17.103 6.608c.874 2.869-.124 4.742-2.119 8.488c-3.745-1.996-5.619-2.994-6.494-5.864c-.876-2.872-.315-6.18 2.118-8.49c3.308.561 5.619 2.993 6.495 5.866"/><path fill="#a6d388" d="M8.49 9.232c.862 2.828 2.702 3.843 6.338 5.781v-.005c-.07-2.521-2.733-10.876-4.267-14.214C8.172 3.102 7.62 6.381 8.49 9.232m-5.592 4.429c-.89 2.118-.371 4.362.943 5.965c1.34 1.632 2.826 1.777 5.795 2.071c-.997-1.937-4.911-6.388-6.738-8.036"/><path fill="#5c913b" d="M21.91 14.378c-2.563-.312-4.077.75-6.808 2.879c1.746.105 8.786.745 13.06 2.037l.021-.027c-1.023-2.873-3.563-4.557-6.273-4.889m-.304 13.565c-1.091-2.637-3.545-4.094-6.094-4.279c-2.5-.179-3.87.961-6.498 3.232c2.767-.305 7.905-.87 12.592 1.047"/><path fill="#a6d388" d="M22.421 9.137c3.327 1.359 5.043 2.024 7.432 1.024c2.419-1.018 4.332-3.239 4.542-6.16c-3.922.761-10.391 4.15-11.974 5.136"/><path fill="#a06253" d="M4.751 35.061c-.584-.091-1.363-.831-1.273-1.416c.546-3.562 2.858-12.168 18.298-24.755c.458-.375.976-.659 1.364-.212c.391.447-.052.95-.498 1.339C9.354 21.587 7.128 30.751 6.619 34.082c-.091.585-1.283 1.067-1.868.979"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#77b255" d="M20.917 22.502c-2.706-.331-3.895-1.852-6.273-4.889c3.039-2.376 4.559-3.565 7.266-3.235c2.71.332 5.25 2.016 6.273 4.889c-1.683 2.543-4.557 3.563-7.266 3.235m-5.959 8.814c-2.549-.187-3.733-1.553-6.098-4.288c2.735-2.364 4.102-3.547 6.652-3.364c2.551.185 5.009 1.644 6.098 4.287c-1.459 2.458-4.1 3.548-6.652 3.365m-6.22-15.707c1.338 1.631 1.191 3.117.898 6.088c-2.97-.294-4.456-.44-5.795-2.071c-1.339-1.634-1.861-3.935-.898-6.088c2.301-.524 4.456.439 5.795 2.071m21.116-5.448c-2.435 1.02-4.16.314-7.613-1.097c1.411-3.453 2.118-5.18 4.549-6.203c2.434-1.021 5.378-.826 7.612 1.096c-.194 2.944-2.117 5.181-4.548 6.204M17.103 6.608c.874 2.869-.124 4.742-2.119 8.488c-3.745-1.996-5.619-2.994-6.494-5.864c-.876-2.872-.315-6.18 2.118-8.49c3.308.561 5.619 2.993 6.495 5.866"/><path fill="#a6d388" d="M8.49 9.232c.862 2.828 2.702 3.843 6.338 5.781v-.005c-.07-2.521-2.733-10.876-4.267-14.214C8.172 3.102 7.62 6.381 8.49 9.232m-5.592 4.429c-.89 2.118-.371 4.362.943 5.965c1.34 1.632 2.826 1.777 5.795 2.071c-.997-1.937-4.911-6.388-6.738-8.036"/><path fill="#5c913b" d="M21.91 14.378c-2.563-.312-4.077.75-6.808 2.879c1.746.105 8.786.745 13.06 2.037l.021-.027c-1.023-2.873-3.563-4.557-6.273-4.889m-.304 13.565c-1.091-2.637-3.545-4.094-6.094-4.279c-2.5-.179-3.87.961-6.498 3.232c2.767-.305 7.905-.87 12.592 1.047"/><path fill="#a6d388" d="M22.421 9.137c3.327 1.359 5.043 2.024 7.432 1.024c2.419-1.018 4.332-3.239 4.542-6.16c-3.922.761-10.391 4.15-11.974 5.136"/><path fill="#a06253" d="M4.751 35.061c-.584-.091-1.363-.831-1.273-1.416c.546-3.562 2.858-12.168 18.298-24.755c.458-.375.976-.659 1.364-.212c.391.447-.052.95-.498 1.339C9.354 21.587 7.128 30.751 6.619 34.082c-.091.585-1.283 1.067-1.868.979"/></svg> </template>
CSS
.icon-herb {
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%2036%2036%22%3E%3Cpath%20fill%3D%22%2377b255%22%20d%3D%22M20.917%2022.502c-2.706-.331-3.895-1.852-6.273-4.889c3.039-2.376%204.559-3.565%207.266-3.235c2.71.332%205.25%202.016%206.273%204.889c-1.683%202.543-4.557%203.563-7.266%203.235m-5.959%208.814c-2.549-.187-3.733-1.553-6.098-4.288c2.735-2.364%204.102-3.547%206.652-3.364c2.551.185%205.009%201.644%206.098%204.287c-1.459%202.458-4.1%203.548-6.652%203.365m-6.22-15.707c1.338%201.631%201.191%203.117.898%206.088c-2.97-.294-4.456-.44-5.795-2.071c-1.339-1.634-1.861-3.935-.898-6.088c2.301-.524%204.456.439%205.795%202.071m21.116-5.448c-2.435%201.02-4.16.314-7.613-1.097c1.411-3.453%202.118-5.18%204.549-6.203c2.434-1.021%205.378-.826%207.612%201.096c-.194%202.944-2.117%205.181-4.548%206.204M17.103%206.608c.874%202.869-.124%204.742-2.119%208.488c-3.745-1.996-5.619-2.994-6.494-5.864c-.876-2.872-.315-6.18%202.118-8.49c3.308.561%205.619%202.993%206.495%205.866%22%2F%3E%3Cpath%20fill%3D%22%23a6d388%22%20d%3D%22M8.49%209.232c.862%202.828%202.702%203.843%206.338%205.781v-.005c-.07-2.521-2.733-10.876-4.267-14.214C8.172%203.102%207.62%206.381%208.49%209.232m-5.592%204.429c-.89%202.118-.371%204.362.943%205.965c1.34%201.632%202.826%201.777%205.795%202.071c-.997-1.937-4.911-6.388-6.738-8.036%22%2F%3E%3Cpath%20fill%3D%22%235c913b%22%20d%3D%22M21.91%2014.378c-2.563-.312-4.077.75-6.808%202.879c1.746.105%208.786.745%2013.06%202.037l.021-.027c-1.023-2.873-3.563-4.557-6.273-4.889m-.304%2013.565c-1.091-2.637-3.545-4.094-6.094-4.279c-2.5-.179-3.87.961-6.498%203.232c2.767-.305%207.905-.87%2012.592%201.047%22%2F%3E%3Cpath%20fill%3D%22%23a6d388%22%20d%3D%22M22.421%209.137c3.327%201.359%205.043%202.024%207.432%201.024c2.419-1.018%204.332-3.239%204.542-6.16c-3.922.761-10.391%204.15-11.974%205.136%22%2F%3E%3Cpath%20fill%3D%22%23a06253%22%20d%3D%22M4.751%2035.061c-.584-.091-1.363-.831-1.273-1.416c.546-3.562%202.858-12.168%2018.298-24.755c.458-.375.976-.659%201.364-.212c.391.447-.052.95-.498%201.339C9.354%2021.587%207.128%2030.751%206.619%2034.082c-.091.585-1.283%201.067-1.868.979%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%2036%2036%22%3E%3Cpath%20fill%3D%22%2377b255%22%20d%3D%22M20.917%2022.502c-2.706-.331-3.895-1.852-6.273-4.889c3.039-2.376%204.559-3.565%207.266-3.235c2.71.332%205.25%202.016%206.273%204.889c-1.683%202.543-4.557%203.563-7.266%203.235m-5.959%208.814c-2.549-.187-3.733-1.553-6.098-4.288c2.735-2.364%204.102-3.547%206.652-3.364c2.551.185%205.009%201.644%206.098%204.287c-1.459%202.458-4.1%203.548-6.652%203.365m-6.22-15.707c1.338%201.631%201.191%203.117.898%206.088c-2.97-.294-4.456-.44-5.795-2.071c-1.339-1.634-1.861-3.935-.898-6.088c2.301-.524%204.456.439%205.795%202.071m21.116-5.448c-2.435%201.02-4.16.314-7.613-1.097c1.411-3.453%202.118-5.18%204.549-6.203c2.434-1.021%205.378-.826%207.612%201.096c-.194%202.944-2.117%205.181-4.548%206.204M17.103%206.608c.874%202.869-.124%204.742-2.119%208.488c-3.745-1.996-5.619-2.994-6.494-5.864c-.876-2.872-.315-6.18%202.118-8.49c3.308.561%205.619%202.993%206.495%205.866%22%2F%3E%3Cpath%20fill%3D%22%23a6d388%22%20d%3D%22M8.49%209.232c.862%202.828%202.702%203.843%206.338%205.781v-.005c-.07-2.521-2.733-10.876-4.267-14.214C8.172%203.102%207.62%206.381%208.49%209.232m-5.592%204.429c-.89%202.118-.371%204.362.943%205.965c1.34%201.632%202.826%201.777%205.795%202.071c-.997-1.937-4.911-6.388-6.738-8.036%22%2F%3E%3Cpath%20fill%3D%22%235c913b%22%20d%3D%22M21.91%2014.378c-2.563-.312-4.077.75-6.808%202.879c1.746.105%208.786.745%2013.06%202.037l.021-.027c-1.023-2.873-3.563-4.557-6.273-4.889m-.304%2013.565c-1.091-2.637-3.545-4.094-6.094-4.279c-2.5-.179-3.87.961-6.498%203.232c2.767-.305%207.905-.87%2012.592%201.047%22%2F%3E%3Cpath%20fill%3D%22%23a6d388%22%20d%3D%22M22.421%209.137c3.327%201.359%205.043%202.024%207.432%201.024c2.419-1.018%204.332-3.239%204.542-6.16c-3.922.761-10.391%204.15-11.974%205.136%22%2F%3E%3Cpath%20fill%3D%22%23a06253%22%20d%3D%22M4.751%2035.061c-.584-.091-1.363-.831-1.273-1.416c.546-3.562%202.858-12.168%2018.298-24.755c.458-.375.976-.659%201.364-.212c.391.447-.052.95-.498%201.339C9.354%2021.587%207.128%2030.751%206.619%2034.082c-.091.585-1.283%201.067-1.868.979%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/herb.svg?color=%231a73e8&size=48
