Skip to content
Cuelark UI

Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:

Phosphor Icons · PiTireThin

Tire Thin icon

A free tire thin icon from Phosphor Icons, ready for React. Use it static or animated: both versions are below, copy-paste or one shadcn command away. Sized in em and colored by currentColor.

License
MIT license
Project
github.com
Download SVG
Install with shadcn
npx shadcn@latest add https://ui.cuelark.com/r/icons/phosphor/tire-thin.json
components/icons/phosphor-tire-thin.tsx
import * as React from "react";

/**
 * Tire Thin from Phosphor Icons (https://github.com/phosphor-icons/core), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/phosphor/tire-thin. Sized in em, colored by currentColor.
 */
export function PiTireThinIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      viewBox="0 0 256 256"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M168,172c13,0,20-22.67,20-44s-7-44-20-44-20,22.67-20,44S155,172,168,172Zm0-80c4.89,0,12,14,12,36s-7.11,36-12,36-12-14-12-36S163.11,92,168,92Zm64,128H186.23c6.72-5.11,12.85-12.59,18.06-22.21C214.42,179.08,220,154.3,220,128s-5.58-51.08-15.71-69.79C193.73,38.73,179.43,28,164,28H92C76.57,28,62.27,38.73,51.71,58.21,41.58,76.92,36,101.7,36,128s5.58,51.08,15.71,69.79C62.27,217.27,76.57,228,92,228H232a4,4,0,0,0,0-8ZM197.25,62C206.76,79.58,212,103,212,128s-5.24,48.42-14.75,66c-9.09,16.78-20.9,26-33.25,26s-24.16-9.24-33.25-26C121.24,176.42,116,153,116,128s5.24-48.42,14.75-66c9.09-16.78,20.9-26,33.25-26S188.16,45.24,197.25,62ZM58.75,62C67.84,45.24,79.65,36,92,36h49.77c-6.72,5.11-12.85,12.59-18.06,22.21-7,12.93-11.83,28.77-14.14,46L82.33,84.75a4,4,0,0,0-4.66,0L45.17,108C47.19,90.66,51.84,74.78,58.75,62ZM44.26,118.44,80,92.92l28.59,20.42c-.39,4.81-.59,9.71-.59,14.66a169.72,169.72,0,0,0,5.32,42.89l-31-22.14a4,4,0,0,0-4.66,0L49.13,169.13A161.44,161.44,0,0,1,44,128Q44,123.19,44.26,118.44ZM92,220c-12.35,0-24.16-9.24-33.25-26a106.61,106.61,0,0,1-7.19-16.75L80,156.92l37.32,26.65a111.32,111.32,0,0,0,6.39,14.22c5.21,9.62,11.34,17.1,18.06,22.21Z"
      />
    </svg>
  );
}
With react-icons
import { PiTireThin } from "react-icons/pi";

export function Example() {
  return <PiTireThin className="size-5" />;
}
tire-thin.svg
<svg
  viewBox="0 0 256 256"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M168,172c13,0,20-22.67,20-44s-7-44-20-44-20,22.67-20,44S155,172,168,172Zm0-80c4.89,0,12,14,12,36s-7.11,36-12,36-12-14-12-36S163.11,92,168,92Zm64,128H186.23c6.72-5.11,12.85-12.59,18.06-22.21C214.42,179.08,220,154.3,220,128s-5.58-51.08-15.71-69.79C193.73,38.73,179.43,28,164,28H92C76.57,28,62.27,38.73,51.71,58.21,41.58,76.92,36,101.7,36,128s5.58,51.08,15.71,69.79C62.27,217.27,76.57,228,92,228H232a4,4,0,0,0,0-8ZM197.25,62C206.76,79.58,212,103,212,128s-5.24,48.42-14.75,66c-9.09,16.78-20.9,26-33.25,26s-24.16-9.24-33.25-26C121.24,176.42,116,153,116,128s5.24-48.42,14.75-66c9.09-16.78,20.9-26,33.25-26S188.16,45.24,197.25,62ZM58.75,62C67.84,45.24,79.65,36,92,36h49.77c-6.72,5.11-12.85,12.59-18.06,22.21-7,12.93-11.83,28.77-14.14,46L82.33,84.75a4,4,0,0,0-4.66,0L45.17,108C47.19,90.66,51.84,74.78,58.75,62ZM44.26,118.44,80,92.92l28.59,20.42c-.39,4.81-.59,9.71-.59,14.66a169.72,169.72,0,0,0,5.32,42.89l-31-22.14a4,4,0,0,0-4.66,0L49.13,169.13A161.44,161.44,0,0,1,44,128Q44,123.19,44.26,118.44ZM92,220c-12.35,0-24.16-9.24-33.25-26a106.61,106.61,0,0,1-7.19-16.75L80,156.92l37.32,26.65a111.32,111.32,0,0,0,6.39,14.22c5.21,9.62,11.34,17.1,18.06,22.21Z"
  />
</svg>
Attribution
"Tire Thin" icon from Phosphor Icons (https://github.com/phosphor-icons/core), licensed under MIT license.

Related icons: