tire icon

tire-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.

Name: tire-light
Set: Phosphor
Style: Light
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

tire tire-bold tire-duotone tire-fill tire-thin

The same icon in other sets

tireHuge Icons tireLucide Lab tireMaterial 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="M168 174c14.44 0 22-23.14 22-46s-7.56-46-22-46s-22 23.14-22 46s7.56 46 22 46m0-80c2.57 0 10 11.69 10 34s-7.43 34-10 34s-10-11.69-10-34s7.43-34 10-34m64 124h-40.29c18.18-17 30.29-50.57 30.29-90c0-57.2-25.48-102-58-102H92c-32.52 0-58 44.8-58 102s25.48 102 58 102h140a6 6 0 0 0 0-12m-22-90c0 48.79-21.07 90-46 90s-46-41.21-46-90s21.07-90 46-90s46 41.21 46 90m-164 0c0-2.86.08-5.69.22-8.5L80 95.37l26.5 18.93c-.33 4.47-.5 9-.5 13.7a175.7 175.7 0 0 0 4 38.08l-26.55-19a6 6 0 0 0-7 0l-26.1 18.64A160.2 160.2 0 0 1 46 128m46-90h44.29c-13.8 12.92-24.09 35.35-28.29 62.65L83.49 83.12a6 6 0 0 0-7 0l-28.7 20.51C53.37 66.24 71.36 38 92 38m0 180c-15.58 0-29.64-16.08-38-40l26-18.58l35.53 25.39c5.22 13.92 12.34 25.35 20.76 33.24Z"/></svg>

React

import type { SVGProps } from "react";

export function PhTireLight(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="M168 174c14.44 0 22-23.14 22-46s-7.56-46-22-46s-22 23.14-22 46s7.56 46 22 46m0-80c2.57 0 10 11.69 10 34s-7.43 34-10 34s-10-11.69-10-34s7.43-34 10-34m64 124h-40.29c18.18-17 30.29-50.57 30.29-90c0-57.2-25.48-102-58-102H92c-32.52 0-58 44.8-58 102s25.48 102 58 102h140a6 6 0 0 0 0-12m-22-90c0 48.79-21.07 90-46 90s-46-41.21-46-90s21.07-90 46-90s46 41.21 46 90m-164 0c0-2.86.08-5.69.22-8.5L80 95.37l26.5 18.93c-.33 4.47-.5 9-.5 13.7a175.7 175.7 0 0 0 4 38.08l-26.55-19a6 6 0 0 0-7 0l-26.1 18.64A160.2 160.2 0 0 1 46 128m46-90h44.29c-13.8 12.92-24.09 35.35-28.29 62.65L83.49 83.12a6 6 0 0 0-7 0l-28.7 20.51C53.37 66.24 71.36 38 92 38m0 180c-15.58 0-29.64-16.08-38-40l26-18.58l35.53 25.39c5.22 13.92 12.34 25.35 20.76 33.24Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M168 174c14.44 0 22-23.14 22-46s-7.56-46-22-46s-22 23.14-22 46s7.56 46 22 46m0-80c2.57 0 10 11.69 10 34s-7.43 34-10 34s-10-11.69-10-34s7.43-34 10-34m64 124h-40.29c18.18-17 30.29-50.57 30.29-90c0-57.2-25.48-102-58-102H92c-32.52 0-58 44.8-58 102s25.48 102 58 102h140a6 6 0 0 0 0-12m-22-90c0 48.79-21.07 90-46 90s-46-41.21-46-90s21.07-90 46-90s46 41.21 46 90m-164 0c0-2.86.08-5.69.22-8.5L80 95.37l26.5 18.93c-.33 4.47-.5 9-.5 13.7a175.7 175.7 0 0 0 4 38.08l-26.55-19a6 6 0 0 0-7 0l-26.1 18.64A160.2 160.2 0 0 1 46 128m46-90h44.29c-13.8 12.92-24.09 35.35-28.29 62.65L83.49 83.12a6 6 0 0 0-7 0l-28.7 20.51C53.37 66.24 71.36 38 92 38m0 180c-15.58 0-29.64-16.08-38-40l26-18.58l35.53 25.39c5.22 13.92 12.34 25.35 20.76 33.24Z"/></svg>
</template>

CSS

.icon-tire-light {
  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%22M168%20174c14.44%200%2022-23.14%2022-46s-7.56-46-22-46s-22%2023.14-22%2046s7.56%2046%2022%2046m0-80c2.57%200%2010%2011.69%2010%2034s-7.43%2034-10%2034s-10-11.69-10-34s7.43-34%2010-34m64%20124h-40.29c18.18-17%2030.29-50.57%2030.29-90c0-57.2-25.48-102-58-102H92c-32.52%200-58%2044.8-58%20102s25.48%20102%2058%20102h140a6%206%200%200%200%200-12m-22-90c0%2048.79-21.07%2090-46%2090s-46-41.21-46-90s21.07-90%2046-90s46%2041.21%2046%2090m-164%200c0-2.86.08-5.69.22-8.5L80%2095.37l26.5%2018.93c-.33%204.47-.5%209-.5%2013.7a175.7%20175.7%200%200%200%204%2038.08l-26.55-19a6%206%200%200%200-7%200l-26.1%2018.64A160.2%20160.2%200%200%201%2046%20128m46-90h44.29c-13.8%2012.92-24.09%2035.35-28.29%2062.65L83.49%2083.12a6%206%200%200%200-7%200l-28.7%2020.51C53.37%2066.24%2071.36%2038%2092%2038m0%20180c-15.58%200-29.64-16.08-38-40l26-18.58l35.53%2025.39c5.22%2013.92%2012.34%2025.35%2020.76%2033.24Z%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%22M168%20174c14.44%200%2022-23.14%2022-46s-7.56-46-22-46s-22%2023.14-22%2046s7.56%2046%2022%2046m0-80c2.57%200%2010%2011.69%2010%2034s-7.43%2034-10%2034s-10-11.69-10-34s7.43-34%2010-34m64%20124h-40.29c18.18-17%2030.29-50.57%2030.29-90c0-57.2-25.48-102-58-102H92c-32.52%200-58%2044.8-58%20102s25.48%20102%2058%20102h140a6%206%200%200%200%200-12m-22-90c0%2048.79-21.07%2090-46%2090s-46-41.21-46-90s21.07-90%2046-90s46%2041.21%2046%2090m-164%200c0-2.86.08-5.69.22-8.5L80%2095.37l26.5%2018.93c-.33%204.47-.5%209-.5%2013.7a175.7%20175.7%200%200%200%204%2038.08l-26.55-19a6%206%200%200%200-7%200l-26.1%2018.64A160.2%20160.2%200%200%201%2046%20128m46-90h44.29c-13.8%2012.92-24.09%2035.35-28.29%2062.65L83.49%2083.12a6%206%200%200%200-7%200l-28.7%2020.51C53.37%2066.24%2071.36%2038%2092%2038m0%20180c-15.58%200-29.64-16.08-38-40l26-18.58l35.53%2025.39c5.22%2013.92%2012.34%2025.35%2020.76%2033.24Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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