tire icon

tire-fill from Phosphor by Phosphor Icons · Fill · MIT Free for personal and commercial use.

Name
tire-fill
Set
Phosphor
Style
Fill
Viewbox
256×256
License
MIT

5 other variants in Phosphor

tiretire-boldtire-duotonetire-lighttire-thin

The same icon in other sets

tireHuge IconstireLucide LabtireMaterial Design Icons

Use the tire icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M184 128c0 22.09-7.16 40-16 40s-16-17.91-16-40s7.16-40 16-40s16 17.91 16 40m56 96a8 8 0 0 1-8 8H92c-33.64 0-60-45.68-60-104S58.36 24 92 24h72c33.64 0 60 45.68 60 104c0 37.47-10.88 69.73-27.59 88H232a8 8 0 0 1 8 8M57.87 111.81a7.93 7.93 0 0 0 4.64-1.49L80 97.83l13.28 9.49a8 8 0 0 0 9.3-13L84.65 81.49a8 8 0 0 0-9.3 0L53.21 97.3a8 8 0 0 0 4.66 14.51m46.67 47.89l-19.89-14.21a8 8 0 0 0-9.3 0L56 159.29a8 8 0 1 0 9.3 13L80 161.83l15.24 10.88a8 8 0 1 0 9.3-13Zm89.2 32.37c9.19-17 14.26-39.74 14.26-64.07s-5.07-47.09-14.26-64.07C185.38 48.5 174.82 40 164 40s-21.38 8.5-29.74 23.93C125.07 80.91 120 103.67 120 128s5.07 47.09 14.26 64.07C142.62 207.5 153.18 216 164 216s21.38-8.5 29.74-23.93"/></svg>

React

import type { SVGProps } from "react";

export function PhTireFill(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M184 128c0 22.09-7.16 40-16 40s-16-17.91-16-40s7.16-40 16-40s16 17.91 16 40m56 96a8 8 0 0 1-8 8H92c-33.64 0-60-45.68-60-104S58.36 24 92 24h72c33.64 0 60 45.68 60 104c0 37.47-10.88 69.73-27.59 88H232a8 8 0 0 1 8 8M57.87 111.81a7.93 7.93 0 0 0 4.64-1.49L80 97.83l13.28 9.49a8 8 0 0 0 9.3-13L84.65 81.49a8 8 0 0 0-9.3 0L53.21 97.3a8 8 0 0 0 4.66 14.51m46.67 47.89l-19.89-14.21a8 8 0 0 0-9.3 0L56 159.29a8 8 0 1 0 9.3 13L80 161.83l15.24 10.88a8 8 0 1 0 9.3-13Zm89.2 32.37c9.19-17 14.26-39.74 14.26-64.07s-5.07-47.09-14.26-64.07C185.38 48.5 174.82 40 164 40s-21.38 8.5-29.74 23.93C125.07 80.91 120 103.67 120 128s5.07 47.09 14.26 64.07C142.62 207.5 153.18 216 164 216s21.38-8.5 29.74-23.93"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M184 128c0 22.09-7.16 40-16 40s-16-17.91-16-40s7.16-40 16-40s16 17.91 16 40m56 96a8 8 0 0 1-8 8H92c-33.64 0-60-45.68-60-104S58.36 24 92 24h72c33.64 0 60 45.68 60 104c0 37.47-10.88 69.73-27.59 88H232a8 8 0 0 1 8 8M57.87 111.81a7.93 7.93 0 0 0 4.64-1.49L80 97.83l13.28 9.49a8 8 0 0 0 9.3-13L84.65 81.49a8 8 0 0 0-9.3 0L53.21 97.3a8 8 0 0 0 4.66 14.51m46.67 47.89l-19.89-14.21a8 8 0 0 0-9.3 0L56 159.29a8 8 0 1 0 9.3 13L80 161.83l15.24 10.88a8 8 0 1 0 9.3-13Zm89.2 32.37c9.19-17 14.26-39.74 14.26-64.07s-5.07-47.09-14.26-64.07C185.38 48.5 174.82 40 164 40s-21.38 8.5-29.74 23.93C125.07 80.91 120 103.67 120 128s5.07 47.09 14.26 64.07C142.62 207.5 153.18 216 164 216s21.38-8.5 29.74-23.93"/></svg>
</template>

CSS

.icon-tire-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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M184%20128c0%2022.09-7.16%2040-16%2040s-16-17.91-16-40s7.16-40%2016-40s16%2017.91%2016%2040m56%2096a8%208%200%200%201-8%208H92c-33.64%200-60-45.68-60-104S58.36%2024%2092%2024h72c33.64%200%2060%2045.68%2060%20104c0%2037.47-10.88%2069.73-27.59%2088H232a8%208%200%200%201%208%208M57.87%20111.81a7.93%207.93%200%200%200%204.64-1.49L80%2097.83l13.28%209.49a8%208%200%200%200%209.3-13L84.65%2081.49a8%208%200%200%200-9.3%200L53.21%2097.3a8%208%200%200%200%204.66%2014.51m46.67%2047.89l-19.89-14.21a8%208%200%200%200-9.3%200L56%20159.29a8%208%200%201%200%209.3%2013L80%20161.83l15.24%2010.88a8%208%200%201%200%209.3-13Zm89.2%2032.37c9.19-17%2014.26-39.74%2014.26-64.07s-5.07-47.09-14.26-64.07C185.38%2048.5%20174.82%2040%20164%2040s-21.38%208.5-29.74%2023.93C125.07%2080.91%20120%20103.67%20120%20128s5.07%2047.09%2014.26%2064.07C142.62%20207.5%20153.18%20216%20164%20216s21.38-8.5%2029.74-23.93%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M184%20128c0%2022.09-7.16%2040-16%2040s-16-17.91-16-40s7.16-40%2016-40s16%2017.91%2016%2040m56%2096a8%208%200%200%201-8%208H92c-33.64%200-60-45.68-60-104S58.36%2024%2092%2024h72c33.64%200%2060%2045.68%2060%20104c0%2037.47-10.88%2069.73-27.59%2088H232a8%208%200%200%201%208%208M57.87%20111.81a7.93%207.93%200%200%200%204.64-1.49L80%2097.83l13.28%209.49a8%208%200%200%200%209.3-13L84.65%2081.49a8%208%200%200%200-9.3%200L53.21%2097.3a8%208%200%200%200%204.66%2014.51m46.67%2047.89l-19.89-14.21a8%208%200%200%200-9.3%200L56%20159.29a8%208%200%201%200%209.3%2013L80%20161.83l15.24%2010.88a8%208%200%201%200%209.3-13Zm89.2%2032.37c9.19-17%2014.26-39.74%2014.26-64.07s-5.07-47.09-14.26-64.07C185.38%2048.5%20174.82%2040%20164%2040s-21.38%208.5-29.74%2023.93C125.07%2080.91%20120%20103.67%20120%20128s5.07%2047.09%2014.26%2064.07C142.62%20207.5%20153.18%20216%20164%20216s21.38-8.5%2029.74-23.93%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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