clover icon
clover-outline from Material Design Icons by Pictogrammers · Outline · Nature · Apache-2.0 Free for personal and commercial use.
- Name
- clover-outline
- Set
- Material Design Icons
- Style
- Outline
- Category
- Nature
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- luck-outline
1 other variant in Material Design Icons
The same icon in other sets
More nature icons from Material Design Icons
Use the clover icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m10.61 12.62l.04-.04l.51-.55l.02-.03l-.02-.03c-.16-.19-.34-.37-.5-.55l-.05-.04C8.42 8.97 7.03 7.53 5.58 7.12C5.29 7.04 5 7 4.69 7C3.19 7 2 8.25 2 9.75c0 .63.19 1.25.55 1.75c.13.18.28.35.45.5c-.17.15-.32.32-.45.5c-.36.5-.55 1.14-.55 1.81C2 15.81 3.25 17 4.75 17c.28 0 .56-.04.83-.11c1.42-.39 2.82-1.84 5.03-4.27M8.47 12c-.9.97-1.59 1.69-2.21 2.21c-.83.7-1.26.79-1.51.79c-.45 0-.75-.35-.75-.69c0-.38.14-.65.33-.81L6 12l-1.67-1.5A1 1 0 0 1 4 9.75c0-.45.35-.75.69-.75c.31 0 .74.1 1.57.8c.62.51 1.31 1.23 2.21 2.2m-1.35 6.43c-.08.29-.12.57-.12.88C7 20.81 8.25 22 9.75 22c.63 0 1.25-.19 1.75-.55c.18-.13.35-.28.5-.45c.15.17.32.32.5.45c.5.36 1.14.55 1.81.55c1.5 0 2.69-1.25 2.69-2.75c0-.28-.04-.56-.11-.83c-.39-1.42-1.84-2.82-4.27-5.03l-.04-.04l-.55-.5l-.03-.03l-.03.03l-.55.5l-.04.03c-2.41 2.2-3.85 3.59-4.26 5.05m4.88-2.9c.97.9 1.69 1.59 2.21 2.21c.7.83.79 1.26.79 1.51c0 .45-.35.75-.69.75c-.38 0-.65-.14-.81-.33L12 18l-1.5 1.67c-.17.2-.45.33-.75.33c-.45 0-.75-.35-.75-.69c0-.31.1-.74.8-1.57c.51-.62 1.23-1.31 2.2-2.21m1.39-2.91c2.2 2.41 3.58 3.85 5.04 4.26c.29.08.57.12.88.12c1.5 0 2.69-1.25 2.69-2.75c0-.63-.19-1.25-.55-1.75c-.13-.18-.28-.35-.45-.5c.17-.15.32-.32.45-.5c.36-.5.55-1.13.55-1.81C22 8.19 20.75 7 19.25 7c-.28 0-.56.04-.83.11c-1.42.39-2.82 1.84-5.03 4.27l-.03.04l-.53.58l.53.58zm2.15-.62c.89-.97 1.59-1.69 2.2-2.21c.84-.7 1.26-.79 1.51-.79c.45 0 .75.35.75.69c0 .38-.14.65-.33.81L18 12l1.67 1.5c.2.18.33.45.33.75c0 .45-.35.75-.69.75c-.31 0-.74-.1-1.57-.8c-.61-.51-1.31-1.23-2.2-2.2m-2.92-1.38c2.41-2.2 3.85-3.59 4.26-5.04c.08-.29.12-.58.12-.89C17 3.19 15.75 2 14.25 2c-.63 0-1.25.19-1.75.55c-.18.13-.35.28-.5.45c-.15-.17-.32-.32-.5-.45C11 2.19 10.37 2 9.69 2C8.19 2 7 3.25 7 4.75c0 .28.04.56.11.83C7.5 7 8.95 8.4 11.38 10.62l.04.03l.55.5l.03.03l.03-.02l.56-.51l.03-.04M12 8.47c-.97-.9-1.69-1.59-2.21-2.21C9.09 5.43 9 5 9 4.75c0-.45.35-.75.69-.75c.38 0 .65.14.81.33L12 6l1.5-1.67c.18-.2.45-.33.75-.33c.45 0 .75.35.75.69c0 .31-.1.74-.8 1.57c-.51.62-1.23 1.31-2.2 2.21"/></svg>
React
import type { SVGProps } from "react";
export function MdiCloverOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m10.61 12.62l.04-.04l.51-.55l.02-.03l-.02-.03c-.16-.19-.34-.37-.5-.55l-.05-.04C8.42 8.97 7.03 7.53 5.58 7.12C5.29 7.04 5 7 4.69 7C3.19 7 2 8.25 2 9.75c0 .63.19 1.25.55 1.75c.13.18.28.35.45.5c-.17.15-.32.32-.45.5c-.36.5-.55 1.14-.55 1.81C2 15.81 3.25 17 4.75 17c.28 0 .56-.04.83-.11c1.42-.39 2.82-1.84 5.03-4.27M8.47 12c-.9.97-1.59 1.69-2.21 2.21c-.83.7-1.26.79-1.51.79c-.45 0-.75-.35-.75-.69c0-.38.14-.65.33-.81L6 12l-1.67-1.5A1 1 0 0 1 4 9.75c0-.45.35-.75.69-.75c.31 0 .74.1 1.57.8c.62.51 1.31 1.23 2.21 2.2m-1.35 6.43c-.08.29-.12.57-.12.88C7 20.81 8.25 22 9.75 22c.63 0 1.25-.19 1.75-.55c.18-.13.35-.28.5-.45c.15.17.32.32.5.45c.5.36 1.14.55 1.81.55c1.5 0 2.69-1.25 2.69-2.75c0-.28-.04-.56-.11-.83c-.39-1.42-1.84-2.82-4.27-5.03l-.04-.04l-.55-.5l-.03-.03l-.03.03l-.55.5l-.04.03c-2.41 2.2-3.85 3.59-4.26 5.05m4.88-2.9c.97.9 1.69 1.59 2.21 2.21c.7.83.79 1.26.79 1.51c0 .45-.35.75-.69.75c-.38 0-.65-.14-.81-.33L12 18l-1.5 1.67c-.17.2-.45.33-.75.33c-.45 0-.75-.35-.75-.69c0-.31.1-.74.8-1.57c.51-.62 1.23-1.31 2.2-2.21m1.39-2.91c2.2 2.41 3.58 3.85 5.04 4.26c.29.08.57.12.88.12c1.5 0 2.69-1.25 2.69-2.75c0-.63-.19-1.25-.55-1.75c-.13-.18-.28-.35-.45-.5c.17-.15.32-.32.45-.5c.36-.5.55-1.13.55-1.81C22 8.19 20.75 7 19.25 7c-.28 0-.56.04-.83.11c-1.42.39-2.82 1.84-5.03 4.27l-.03.04l-.53.58l.53.58zm2.15-.62c.89-.97 1.59-1.69 2.2-2.21c.84-.7 1.26-.79 1.51-.79c.45 0 .75.35.75.69c0 .38-.14.65-.33.81L18 12l1.67 1.5c.2.18.33.45.33.75c0 .45-.35.75-.69.75c-.31 0-.74-.1-1.57-.8c-.61-.51-1.31-1.23-2.2-2.2m-2.92-1.38c2.41-2.2 3.85-3.59 4.26-5.04c.08-.29.12-.58.12-.89C17 3.19 15.75 2 14.25 2c-.63 0-1.25.19-1.75.55c-.18.13-.35.28-.5.45c-.15-.17-.32-.32-.5-.45C11 2.19 10.37 2 9.69 2C8.19 2 7 3.25 7 4.75c0 .28.04.56.11.83C7.5 7 8.95 8.4 11.38 10.62l.04.03l.55.5l.03.03l.03-.02l.56-.51l.03-.04M12 8.47c-.97-.9-1.69-1.59-2.21-2.21C9.09 5.43 9 5 9 4.75c0-.45.35-.75.69-.75c.38 0 .65.14.81.33L12 6l1.5-1.67c.18-.2.45-.33.75-.33c.45 0 .75.35.75.69c0 .31-.1.74-.8 1.57c-.51.62-1.23 1.31-2.2 2.21"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m10.61 12.62l.04-.04l.51-.55l.02-.03l-.02-.03c-.16-.19-.34-.37-.5-.55l-.05-.04C8.42 8.97 7.03 7.53 5.58 7.12C5.29 7.04 5 7 4.69 7C3.19 7 2 8.25 2 9.75c0 .63.19 1.25.55 1.75c.13.18.28.35.45.5c-.17.15-.32.32-.45.5c-.36.5-.55 1.14-.55 1.81C2 15.81 3.25 17 4.75 17c.28 0 .56-.04.83-.11c1.42-.39 2.82-1.84 5.03-4.27M8.47 12c-.9.97-1.59 1.69-2.21 2.21c-.83.7-1.26.79-1.51.79c-.45 0-.75-.35-.75-.69c0-.38.14-.65.33-.81L6 12l-1.67-1.5A1 1 0 0 1 4 9.75c0-.45.35-.75.69-.75c.31 0 .74.1 1.57.8c.62.51 1.31 1.23 2.21 2.2m-1.35 6.43c-.08.29-.12.57-.12.88C7 20.81 8.25 22 9.75 22c.63 0 1.25-.19 1.75-.55c.18-.13.35-.28.5-.45c.15.17.32.32.5.45c.5.36 1.14.55 1.81.55c1.5 0 2.69-1.25 2.69-2.75c0-.28-.04-.56-.11-.83c-.39-1.42-1.84-2.82-4.27-5.03l-.04-.04l-.55-.5l-.03-.03l-.03.03l-.55.5l-.04.03c-2.41 2.2-3.85 3.59-4.26 5.05m4.88-2.9c.97.9 1.69 1.59 2.21 2.21c.7.83.79 1.26.79 1.51c0 .45-.35.75-.69.75c-.38 0-.65-.14-.81-.33L12 18l-1.5 1.67c-.17.2-.45.33-.75.33c-.45 0-.75-.35-.75-.69c0-.31.1-.74.8-1.57c.51-.62 1.23-1.31 2.2-2.21m1.39-2.91c2.2 2.41 3.58 3.85 5.04 4.26c.29.08.57.12.88.12c1.5 0 2.69-1.25 2.69-2.75c0-.63-.19-1.25-.55-1.75c-.13-.18-.28-.35-.45-.5c.17-.15.32-.32.45-.5c.36-.5.55-1.13.55-1.81C22 8.19 20.75 7 19.25 7c-.28 0-.56.04-.83.11c-1.42.39-2.82 1.84-5.03 4.27l-.03.04l-.53.58l.53.58zm2.15-.62c.89-.97 1.59-1.69 2.2-2.21c.84-.7 1.26-.79 1.51-.79c.45 0 .75.35.75.69c0 .38-.14.65-.33.81L18 12l1.67 1.5c.2.18.33.45.33.75c0 .45-.35.75-.69.75c-.31 0-.74-.1-1.57-.8c-.61-.51-1.31-1.23-2.2-2.2m-2.92-1.38c2.41-2.2 3.85-3.59 4.26-5.04c.08-.29.12-.58.12-.89C17 3.19 15.75 2 14.25 2c-.63 0-1.25.19-1.75.55c-.18.13-.35.28-.5.45c-.15-.17-.32-.32-.5-.45C11 2.19 10.37 2 9.69 2C8.19 2 7 3.25 7 4.75c0 .28.04.56.11.83C7.5 7 8.95 8.4 11.38 10.62l.04.03l.55.5l.03.03l.03-.02l.56-.51l.03-.04M12 8.47c-.97-.9-1.69-1.59-2.21-2.21C9.09 5.43 9 5 9 4.75c0-.45.35-.75.69-.75c.38 0 .65.14.81.33L12 6l1.5-1.67c.18-.2.45-.33.75-.33c.45 0 .75.35.75.69c0 .31-.1.74-.8 1.57c-.51.62-1.23 1.31-2.2 2.21"/></svg> </template>
CSS
.icon-clover-outline {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m10.61%2012.62l.04-.04l.51-.55l.02-.03l-.02-.03c-.16-.19-.34-.37-.5-.55l-.05-.04C8.42%208.97%207.03%207.53%205.58%207.12C5.29%207.04%205%207%204.69%207C3.19%207%202%208.25%202%209.75c0%20.63.19%201.25.55%201.75c.13.18.28.35.45.5c-.17.15-.32.32-.45.5c-.36.5-.55%201.14-.55%201.81C2%2015.81%203.25%2017%204.75%2017c.28%200%20.56-.04.83-.11c1.42-.39%202.82-1.84%205.03-4.27M8.47%2012c-.9.97-1.59%201.69-2.21%202.21c-.83.7-1.26.79-1.51.79c-.45%200-.75-.35-.75-.69c0-.38.14-.65.33-.81L6%2012l-1.67-1.5A1%201%200%200%201%204%209.75c0-.45.35-.75.69-.75c.31%200%20.74.1%201.57.8c.62.51%201.31%201.23%202.21%202.2m-1.35%206.43c-.08.29-.12.57-.12.88C7%2020.81%208.25%2022%209.75%2022c.63%200%201.25-.19%201.75-.55c.18-.13.35-.28.5-.45c.15.17.32.32.5.45c.5.36%201.14.55%201.81.55c1.5%200%202.69-1.25%202.69-2.75c0-.28-.04-.56-.11-.83c-.39-1.42-1.84-2.82-4.27-5.03l-.04-.04l-.55-.5l-.03-.03l-.03.03l-.55.5l-.04.03c-2.41%202.2-3.85%203.59-4.26%205.05m4.88-2.9c.97.9%201.69%201.59%202.21%202.21c.7.83.79%201.26.79%201.51c0%20.45-.35.75-.69.75c-.38%200-.65-.14-.81-.33L12%2018l-1.5%201.67c-.17.2-.45.33-.75.33c-.45%200-.75-.35-.75-.69c0-.31.1-.74.8-1.57c.51-.62%201.23-1.31%202.2-2.21m1.39-2.91c2.2%202.41%203.58%203.85%205.04%204.26c.29.08.57.12.88.12c1.5%200%202.69-1.25%202.69-2.75c0-.63-.19-1.25-.55-1.75c-.13-.18-.28-.35-.45-.5c.17-.15.32-.32.45-.5c.36-.5.55-1.13.55-1.81C22%208.19%2020.75%207%2019.25%207c-.28%200-.56.04-.83.11c-1.42.39-2.82%201.84-5.03%204.27l-.03.04l-.53.58l.53.58zm2.15-.62c.89-.97%201.59-1.69%202.2-2.21c.84-.7%201.26-.79%201.51-.79c.45%200%20.75.35.75.69c0%20.38-.14.65-.33.81L18%2012l1.67%201.5c.2.18.33.45.33.75c0%20.45-.35.75-.69.75c-.31%200-.74-.1-1.57-.8c-.61-.51-1.31-1.23-2.2-2.2m-2.92-1.38c2.41-2.2%203.85-3.59%204.26-5.04c.08-.29.12-.58.12-.89C17%203.19%2015.75%202%2014.25%202c-.63%200-1.25.19-1.75.55c-.18.13-.35.28-.5.45c-.15-.17-.32-.32-.5-.45C11%202.19%2010.37%202%209.69%202C8.19%202%207%203.25%207%204.75c0%20.28.04.56.11.83C7.5%207%208.95%208.4%2011.38%2010.62l.04.03l.55.5l.03.03l.03-.02l.56-.51l.03-.04M12%208.47c-.97-.9-1.69-1.59-2.21-2.21C9.09%205.43%209%205%209%204.75c0-.45.35-.75.69-.75c.38%200%20.65.14.81.33L12%206l1.5-1.67c.18-.2.45-.33.75-.33c.45%200%20.75.35.75.69c0%20.31-.1.74-.8%201.57c-.51.62-1.23%201.31-2.2%202.21%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m10.61%2012.62l.04-.04l.51-.55l.02-.03l-.02-.03c-.16-.19-.34-.37-.5-.55l-.05-.04C8.42%208.97%207.03%207.53%205.58%207.12C5.29%207.04%205%207%204.69%207C3.19%207%202%208.25%202%209.75c0%20.63.19%201.25.55%201.75c.13.18.28.35.45.5c-.17.15-.32.32-.45.5c-.36.5-.55%201.14-.55%201.81C2%2015.81%203.25%2017%204.75%2017c.28%200%20.56-.04.83-.11c1.42-.39%202.82-1.84%205.03-4.27M8.47%2012c-.9.97-1.59%201.69-2.21%202.21c-.83.7-1.26.79-1.51.79c-.45%200-.75-.35-.75-.69c0-.38.14-.65.33-.81L6%2012l-1.67-1.5A1%201%200%200%201%204%209.75c0-.45.35-.75.69-.75c.31%200%20.74.1%201.57.8c.62.51%201.31%201.23%202.21%202.2m-1.35%206.43c-.08.29-.12.57-.12.88C7%2020.81%208.25%2022%209.75%2022c.63%200%201.25-.19%201.75-.55c.18-.13.35-.28.5-.45c.15.17.32.32.5.45c.5.36%201.14.55%201.81.55c1.5%200%202.69-1.25%202.69-2.75c0-.28-.04-.56-.11-.83c-.39-1.42-1.84-2.82-4.27-5.03l-.04-.04l-.55-.5l-.03-.03l-.03.03l-.55.5l-.04.03c-2.41%202.2-3.85%203.59-4.26%205.05m4.88-2.9c.97.9%201.69%201.59%202.21%202.21c.7.83.79%201.26.79%201.51c0%20.45-.35.75-.69.75c-.38%200-.65-.14-.81-.33L12%2018l-1.5%201.67c-.17.2-.45.33-.75.33c-.45%200-.75-.35-.75-.69c0-.31.1-.74.8-1.57c.51-.62%201.23-1.31%202.2-2.21m1.39-2.91c2.2%202.41%203.58%203.85%205.04%204.26c.29.08.57.12.88.12c1.5%200%202.69-1.25%202.69-2.75c0-.63-.19-1.25-.55-1.75c-.13-.18-.28-.35-.45-.5c.17-.15.32-.32.45-.5c.36-.5.55-1.13.55-1.81C22%208.19%2020.75%207%2019.25%207c-.28%200-.56.04-.83.11c-1.42.39-2.82%201.84-5.03%204.27l-.03.04l-.53.58l.53.58zm2.15-.62c.89-.97%201.59-1.69%202.2-2.21c.84-.7%201.26-.79%201.51-.79c.45%200%20.75.35.75.69c0%20.38-.14.65-.33.81L18%2012l1.67%201.5c.2.18.33.45.33.75c0%20.45-.35.75-.69.75c-.31%200-.74-.1-1.57-.8c-.61-.51-1.31-1.23-2.2-2.2m-2.92-1.38c2.41-2.2%203.85-3.59%204.26-5.04c.08-.29.12-.58.12-.89C17%203.19%2015.75%202%2014.25%202c-.63%200-1.25.19-1.75.55c-.18.13-.35.28-.5.45c-.15-.17-.32-.32-.5-.45C11%202.19%2010.37%202%209.69%202C8.19%202%207%203.25%207%204.75c0%20.28.04.56.11.83C7.5%207%208.95%208.4%2011.38%2010.62l.04.03l.55.5l.03.03l.03-.02l.56-.51l.03-.04M12%208.47c-.97-.9-1.69-1.59-2.21-2.21C9.09%205.43%209%205%209%204.75c0-.45.35-.75.69-.75c.38%200%20.65.14.81.33L12%206l1.5-1.67c.18-.2.45-.33.75-.33c.45%200%20.75.35.75.69c0%20.31-.1.74-.8%201.57c-.51.62-1.23%201.31-2.2%202.21%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/clover-outline.svg?color=%231a73e8&size=48
