michelin star icon

michelin-star-filled from Tabler Icons by Paweł Kuna · Filled · MIT Free for personal and commercial use.

Name: michelin-star-filled
Set: Tabler Icons
Style: Filled
Viewbox: 24×24
License: MIT

1 other variant in Tabler Icons

Related icons in Tabler Icons

michelin-bib-gourmand michelin-star-green

Use the michelin star icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.81 2c2.018 0 3.478 1.232 3.874 3.129l.016.089l.172-.057c.34-.104.684-.16 1.055-.175l.227-.005c2.09 0 3.925 1.93 3.925 4.094c0 1.095-.51 2.087-1.364 2.835l-.118.098l.06.048c.88.737 1.36 1.605 1.416 2.656l.006.213c0 2.24-1.739 4.094-3.925 4.094c-.445 0-.923-.084-1.374-.233l-.043.193c-.395 1.736-1.806 2.933-3.662 3.016l-.208.005c-2.018 0-3.477-1.232-3.873-3.13l-.03-.161l-.011.006a4.1 4.1 0 0 1-1.26.243l-.226.005c-2.09 0-3.925-1.93-3.925-4.094c0-1.096.51-2.087 1.378-2.84l.073-.062l-.03-.023c-.88-.737-1.359-1.605-1.415-2.656l-.006-.213c0-2.239 1.74-4.094 3.925-4.094c.44 0 .92.098 1.391.27l.036.013l.008-.048c.331-1.84 1.776-3.125 3.7-3.211z"/></svg>

React

import type { SVGProps } from "react";

export function TablerMichelinStarFilled(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="M11.81 2c2.018 0 3.478 1.232 3.874 3.129l.016.089l.172-.057c.34-.104.684-.16 1.055-.175l.227-.005c2.09 0 3.925 1.93 3.925 4.094c0 1.095-.51 2.087-1.364 2.835l-.118.098l.06.048c.88.737 1.36 1.605 1.416 2.656l.006.213c0 2.24-1.739 4.094-3.925 4.094c-.445 0-.923-.084-1.374-.233l-.043.193c-.395 1.736-1.806 2.933-3.662 3.016l-.208.005c-2.018 0-3.477-1.232-3.873-3.13l-.03-.161l-.011.006a4.1 4.1 0 0 1-1.26.243l-.226.005c-2.09 0-3.925-1.93-3.925-4.094c0-1.096.51-2.087 1.378-2.84l.073-.062l-.03-.023c-.88-.737-1.359-1.605-1.415-2.656l-.006-.213c0-2.239 1.74-4.094 3.925-4.094c.44 0 .92.098 1.391.27l.036.013l.008-.048c.331-1.84 1.776-3.125 3.7-3.211z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.81 2c2.018 0 3.478 1.232 3.874 3.129l.016.089l.172-.057c.34-.104.684-.16 1.055-.175l.227-.005c2.09 0 3.925 1.93 3.925 4.094c0 1.095-.51 2.087-1.364 2.835l-.118.098l.06.048c.88.737 1.36 1.605 1.416 2.656l.006.213c0 2.24-1.739 4.094-3.925 4.094c-.445 0-.923-.084-1.374-.233l-.043.193c-.395 1.736-1.806 2.933-3.662 3.016l-.208.005c-2.018 0-3.477-1.232-3.873-3.13l-.03-.161l-.011.006a4.1 4.1 0 0 1-1.26.243l-.226.005c-2.09 0-3.925-1.93-3.925-4.094c0-1.096.51-2.087 1.378-2.84l.073-.062l-.03-.023c-.88-.737-1.359-1.605-1.415-2.656l-.006-.213c0-2.239 1.74-4.094 3.925-4.094c.44 0 .92.098 1.391.27l.036.013l.008-.048c.331-1.84 1.776-3.125 3.7-3.211z"/></svg>
</template>

CSS

.icon-michelin-star-filled {
  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%22M11.81%202c2.018%200%203.478%201.232%203.874%203.129l.016.089l.172-.057c.34-.104.684-.16%201.055-.175l.227-.005c2.09%200%203.925%201.93%203.925%204.094c0%201.095-.51%202.087-1.364%202.835l-.118.098l.06.048c.88.737%201.36%201.605%201.416%202.656l.006.213c0%202.24-1.739%204.094-3.925%204.094c-.445%200-.923-.084-1.374-.233l-.043.193c-.395%201.736-1.806%202.933-3.662%203.016l-.208.005c-2.018%200-3.477-1.232-3.873-3.13l-.03-.161l-.011.006a4.1%204.1%200%200%201-1.26.243l-.226.005c-2.09%200-3.925-1.93-3.925-4.094c0-1.096.51-2.087%201.378-2.84l.073-.062l-.03-.023c-.88-.737-1.359-1.605-1.415-2.656l-.006-.213c0-2.239%201.74-4.094%203.925-4.094c.44%200%20.92.098%201.391.27l.036.013l.008-.048c.331-1.84%201.776-3.125%203.7-3.211z%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%22M11.81%202c2.018%200%203.478%201.232%203.874%203.129l.016.089l.172-.057c.34-.104.684-.16%201.055-.175l.227-.005c2.09%200%203.925%201.93%203.925%204.094c0%201.095-.51%202.087-1.364%202.835l-.118.098l.06.048c.88.737%201.36%201.605%201.416%202.656l.006.213c0%202.24-1.739%204.094-3.925%204.094c-.445%200-.923-.084-1.374-.233l-.043.193c-.395%201.736-1.806%202.933-3.662%203.016l-.208.005c-2.018%200-3.477-1.232-3.873-3.13l-.03-.161l-.011.006a4.1%204.1%200%200%201-1.26.243l-.226.005c-2.09%200-3.925-1.93-3.925-4.094c0-1.096.51-2.087%201.378-2.84l.073-.062l-.03-.023c-.88-.737-1.359-1.605-1.415-2.656l-.006-.213c0-2.239%201.74-4.094%203.925-4.094c.44%200%20.92.098%201.391.27l.036.013l.008-.048c.331-1.84%201.776-3.125%203.7-3.211z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/tabler/michelin-star-filled.svg?color=%231a73e8&size=48