tyre icon

tyre-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.

Name: tyre-fill
Set: MingCute Icon
Style: Fill
Viewbox: 24×24
License: Apache 2.0

1 other variant in MingCute Icon

Use the tyre icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.587 2.27c1.729-.785 3.963-1.288 8.155-.24c1.638.41 2.87 1.683 3.668 3.12C20.412 6.953 21 9.377 21 12s-.588 5.046-1.59 6.85c-.798 1.436-2.03 2.71-3.668 3.12c-4.192 1.048-6.426.544-8.155-.24c-1.396-.633-2.537-1.973-3.321-3.638C3.473 16.41 3 14.31 3 12s.473-4.411 1.266-6.093c.784-1.664 1.925-3.005 3.32-3.638M15 4c-.853 0-1.835.634-2.661 2.122C11.53 7.576 11 9.652 11 12s.531 4.425 1.339 5.878C13.165 19.367 14.147 20 15 20s1.835-.634 2.661-2.122C18.47 16.426 19 14.349 19 12s-.531-4.424-1.339-5.878C16.835 4.634 15.853 4 15 4m0 4.5c.706 0 1.21.559 1.508 1.155C16.82 10.28 17 11.11 17 12c0 .889-.18 1.718-.492 2.344c-.298.596-.802 1.156-1.508 1.156s-1.21-.56-1.508-1.156C13.18 13.718 13 12.89 13 12s.18-1.72.492-2.345C13.79 9.059 14.294 8.5 15 8.5"/></svg>

React

import type { SVGProps } from "react";

export function MingcuteTyreFill(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="M7.587 2.27c1.729-.785 3.963-1.288 8.155-.24c1.638.41 2.87 1.683 3.668 3.12C20.412 6.953 21 9.377 21 12s-.588 5.046-1.59 6.85c-.798 1.436-2.03 2.71-3.668 3.12c-4.192 1.048-6.426.544-8.155-.24c-1.396-.633-2.537-1.973-3.321-3.638C3.473 16.41 3 14.31 3 12s.473-4.411 1.266-6.093c.784-1.664 1.925-3.005 3.32-3.638M15 4c-.853 0-1.835.634-2.661 2.122C11.53 7.576 11 9.652 11 12s.531 4.425 1.339 5.878C13.165 19.367 14.147 20 15 20s1.835-.634 2.661-2.122C18.47 16.426 19 14.349 19 12s-.531-4.424-1.339-5.878C16.835 4.634 15.853 4 15 4m0 4.5c.706 0 1.21.559 1.508 1.155C16.82 10.28 17 11.11 17 12c0 .889-.18 1.718-.492 2.344c-.298.596-.802 1.156-1.508 1.156s-1.21-.56-1.508-1.156C13.18 13.718 13 12.89 13 12s.18-1.72.492-2.345C13.79 9.059 14.294 8.5 15 8.5"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.587 2.27c1.729-.785 3.963-1.288 8.155-.24c1.638.41 2.87 1.683 3.668 3.12C20.412 6.953 21 9.377 21 12s-.588 5.046-1.59 6.85c-.798 1.436-2.03 2.71-3.668 3.12c-4.192 1.048-6.426.544-8.155-.24c-1.396-.633-2.537-1.973-3.321-3.638C3.473 16.41 3 14.31 3 12s.473-4.411 1.266-6.093c.784-1.664 1.925-3.005 3.32-3.638M15 4c-.853 0-1.835.634-2.661 2.122C11.53 7.576 11 9.652 11 12s.531 4.425 1.339 5.878C13.165 19.367 14.147 20 15 20s1.835-.634 2.661-2.122C18.47 16.426 19 14.349 19 12s-.531-4.424-1.339-5.878C16.835 4.634 15.853 4 15 4m0 4.5c.706 0 1.21.559 1.508 1.155C16.82 10.28 17 11.11 17 12c0 .889-.18 1.718-.492 2.344c-.298.596-.802 1.156-1.508 1.156s-1.21-.56-1.508-1.156C13.18 13.718 13 12.89 13 12s.18-1.72.492-2.345C13.79 9.059 14.294 8.5 15 8.5"/></svg>
</template>

CSS

.icon-tyre-fill {
  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%22M7.587%202.27c1.729-.785%203.963-1.288%208.155-.24c1.638.41%202.87%201.683%203.668%203.12C20.412%206.953%2021%209.377%2021%2012s-.588%205.046-1.59%206.85c-.798%201.436-2.03%202.71-3.668%203.12c-4.192%201.048-6.426.544-8.155-.24c-1.396-.633-2.537-1.973-3.321-3.638C3.473%2016.41%203%2014.31%203%2012s.473-4.411%201.266-6.093c.784-1.664%201.925-3.005%203.32-3.638M15%204c-.853%200-1.835.634-2.661%202.122C11.53%207.576%2011%209.652%2011%2012s.531%204.425%201.339%205.878C13.165%2019.367%2014.147%2020%2015%2020s1.835-.634%202.661-2.122C18.47%2016.426%2019%2014.349%2019%2012s-.531-4.424-1.339-5.878C16.835%204.634%2015.853%204%2015%204m0%204.5c.706%200%201.21.559%201.508%201.155C16.82%2010.28%2017%2011.11%2017%2012c0%20.889-.18%201.718-.492%202.344c-.298.596-.802%201.156-1.508%201.156s-1.21-.56-1.508-1.156C13.18%2013.718%2013%2012.89%2013%2012s.18-1.72.492-2.345C13.79%209.059%2014.294%208.5%2015%208.5%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%22M7.587%202.27c1.729-.785%203.963-1.288%208.155-.24c1.638.41%202.87%201.683%203.668%203.12C20.412%206.953%2021%209.377%2021%2012s-.588%205.046-1.59%206.85c-.798%201.436-2.03%202.71-3.668%203.12c-4.192%201.048-6.426.544-8.155-.24c-1.396-.633-2.537-1.973-3.321-3.638C3.473%2016.41%203%2014.31%203%2012s.473-4.411%201.266-6.093c.784-1.664%201.925-3.005%203.32-3.638M15%204c-.853%200-1.835.634-2.661%202.122C11.53%207.576%2011%209.652%2011%2012s.531%204.425%201.339%205.878C13.165%2019.367%2014.147%2020%2015%2020s1.835-.634%202.661-2.122C18.47%2016.426%2019%2014.349%2019%2012s-.531-4.424-1.339-5.878C16.835%204.634%2015.853%204%2015%204m0%204.5c.706%200%201.21.559%201.508%201.155C16.82%2010.28%2017%2011.11%2017%2012c0%20.889-.18%201.718-.492%202.344c-.298.596-.802%201.156-1.508%201.156s-1.21-.56-1.508-1.156C13.18%2013.718%2013%2012.89%2013%2012s.18-1.72.492-2.345C13.79%209.059%2014.294%208.5%2015%208.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/tyre-fill.svg?color=%231a73e8&size=48