four leaf clover emoji
four-leaf-clover from Twitter Emoji by Twitter · Default · Animals & Nature · CC-BY-4.0 Attribution required.
- Name
- four-leaf-clover
- 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 four leaf clover emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#77b255" d="M32.551 18.852c-2.093-1.848-6.686-3.264-10.178-3.84c3.492-.577 8.085-1.993 10.178-3.839c2.014-1.776 2.963-2.948 2.141-4.722c-.566-1.219-2.854-1.333-4.166-2.491S29.083.783 27.7.285c-2.01-.726-3.336.114-5.347 1.889c-2.094 1.847-3.698 5.899-4.353 8.98c-.653-3.082-2.258-7.134-4.351-8.981C11.634.397 10.308-.441 8.297.285c-1.383.5-1.512 2.518-2.823 3.675S1.872 5.234 1.308 6.454c-.823 1.774.129 2.943 2.14 4.718c2.094 1.847 6.688 3.263 10.181 3.84c-3.493.577-8.087 1.993-10.181 3.84c-2.013 1.775-2.963 2.945-2.139 4.721c.565 1.219 2.854 1.334 4.166 2.49c1.311 1.158 1.444 3.178 2.827 3.676c2.009.727 3.336-.115 5.348-1.889c1.651-1.457 2.997-4.288 3.814-6.933c-.262 4.535.528 10.591 3.852 14.262c1.344 1.483 2.407.551 2.822.187s1.605-1.414.186-2.822c-3.91-3.883-5.266-7.917-5.628-11.14c.827 2.498 2.107 5.077 3.657 6.446c2.012 1.775 3.339 2.615 5.351 1.889c1.382-.5 1.512-2.52 2.822-3.676c1.312-1.158 3.602-1.273 4.166-2.494c.822-1.774-.13-2.944-2.141-4.717"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiFourLeafClover(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="M32.551 18.852c-2.093-1.848-6.686-3.264-10.178-3.84c3.492-.577 8.085-1.993 10.178-3.839c2.014-1.776 2.963-2.948 2.141-4.722c-.566-1.219-2.854-1.333-4.166-2.491S29.083.783 27.7.285c-2.01-.726-3.336.114-5.347 1.889c-2.094 1.847-3.698 5.899-4.353 8.98c-.653-3.082-2.258-7.134-4.351-8.981C11.634.397 10.308-.441 8.297.285c-1.383.5-1.512 2.518-2.823 3.675S1.872 5.234 1.308 6.454c-.823 1.774.129 2.943 2.14 4.718c2.094 1.847 6.688 3.263 10.181 3.84c-3.493.577-8.087 1.993-10.181 3.84c-2.013 1.775-2.963 2.945-2.139 4.721c.565 1.219 2.854 1.334 4.166 2.49c1.311 1.158 1.444 3.178 2.827 3.676c2.009.727 3.336-.115 5.348-1.889c1.651-1.457 2.997-4.288 3.814-6.933c-.262 4.535.528 10.591 3.852 14.262c1.344 1.483 2.407.551 2.822.187s1.605-1.414.186-2.822c-3.91-3.883-5.266-7.917-5.628-11.14c.827 2.498 2.107 5.077 3.657 6.446c2.012 1.775 3.339 2.615 5.351 1.889c1.382-.5 1.512-2.52 2.822-3.676c1.312-1.158 3.602-1.273 4.166-2.494c.822-1.774-.13-2.944-2.141-4.717"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#77b255" d="M32.551 18.852c-2.093-1.848-6.686-3.264-10.178-3.84c3.492-.577 8.085-1.993 10.178-3.839c2.014-1.776 2.963-2.948 2.141-4.722c-.566-1.219-2.854-1.333-4.166-2.491S29.083.783 27.7.285c-2.01-.726-3.336.114-5.347 1.889c-2.094 1.847-3.698 5.899-4.353 8.98c-.653-3.082-2.258-7.134-4.351-8.981C11.634.397 10.308-.441 8.297.285c-1.383.5-1.512 2.518-2.823 3.675S1.872 5.234 1.308 6.454c-.823 1.774.129 2.943 2.14 4.718c2.094 1.847 6.688 3.263 10.181 3.84c-3.493.577-8.087 1.993-10.181 3.84c-2.013 1.775-2.963 2.945-2.139 4.721c.565 1.219 2.854 1.334 4.166 2.49c1.311 1.158 1.444 3.178 2.827 3.676c2.009.727 3.336-.115 5.348-1.889c1.651-1.457 2.997-4.288 3.814-6.933c-.262 4.535.528 10.591 3.852 14.262c1.344 1.483 2.407.551 2.822.187s1.605-1.414.186-2.822c-3.91-3.883-5.266-7.917-5.628-11.14c.827 2.498 2.107 5.077 3.657 6.446c2.012 1.775 3.339 2.615 5.351 1.889c1.382-.5 1.512-2.52 2.822-3.676c1.312-1.158 3.602-1.273 4.166-2.494c.822-1.774-.13-2.944-2.141-4.717"/></svg> </template>
CSS
.icon-four-leaf-clover {
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%22M32.551%2018.852c-2.093-1.848-6.686-3.264-10.178-3.84c3.492-.577%208.085-1.993%2010.178-3.839c2.014-1.776%202.963-2.948%202.141-4.722c-.566-1.219-2.854-1.333-4.166-2.491S29.083.783%2027.7.285c-2.01-.726-3.336.114-5.347%201.889c-2.094%201.847-3.698%205.899-4.353%208.98c-.653-3.082-2.258-7.134-4.351-8.981C11.634.397%2010.308-.441%208.297.285c-1.383.5-1.512%202.518-2.823%203.675S1.872%205.234%201.308%206.454c-.823%201.774.129%202.943%202.14%204.718c2.094%201.847%206.688%203.263%2010.181%203.84c-3.493.577-8.087%201.993-10.181%203.84c-2.013%201.775-2.963%202.945-2.139%204.721c.565%201.219%202.854%201.334%204.166%202.49c1.311%201.158%201.444%203.178%202.827%203.676c2.009.727%203.336-.115%205.348-1.889c1.651-1.457%202.997-4.288%203.814-6.933c-.262%204.535.528%2010.591%203.852%2014.262c1.344%201.483%202.407.551%202.822.187s1.605-1.414.186-2.822c-3.91-3.883-5.266-7.917-5.628-11.14c.827%202.498%202.107%205.077%203.657%206.446c2.012%201.775%203.339%202.615%205.351%201.889c1.382-.5%201.512-2.52%202.822-3.676c1.312-1.158%203.602-1.273%204.166-2.494c.822-1.774-.13-2.944-2.141-4.717%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%22M32.551%2018.852c-2.093-1.848-6.686-3.264-10.178-3.84c3.492-.577%208.085-1.993%2010.178-3.839c2.014-1.776%202.963-2.948%202.141-4.722c-.566-1.219-2.854-1.333-4.166-2.491S29.083.783%2027.7.285c-2.01-.726-3.336.114-5.347%201.889c-2.094%201.847-3.698%205.899-4.353%208.98c-.653-3.082-2.258-7.134-4.351-8.981C11.634.397%2010.308-.441%208.297.285c-1.383.5-1.512%202.518-2.823%203.675S1.872%205.234%201.308%206.454c-.823%201.774.129%202.943%202.14%204.718c2.094%201.847%206.688%203.263%2010.181%203.84c-3.493.577-8.087%201.993-10.181%203.84c-2.013%201.775-2.963%202.945-2.139%204.721c.565%201.219%202.854%201.334%204.166%202.49c1.311%201.158%201.444%203.178%202.827%203.676c2.009.727%203.336-.115%205.348-1.889c1.651-1.457%202.997-4.288%203.814-6.933c-.262%204.535.528%2010.591%203.852%2014.262c1.344%201.483%202.407.551%202.822.187s1.605-1.414.186-2.822c-3.91-3.883-5.266-7.917-5.628-11.14c.827%202.498%202.107%205.077%203.657%206.446c2.012%201.775%203.339%202.615%205.351%201.889c1.382-.5%201.512-2.52%202.822-3.676c1.312-1.158%203.602-1.273%204.166-2.494c.822-1.774-.13-2.944-2.141-4.717%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/four-leaf-clover.svg?color=%231a73e8&size=48
