{
"name": "tire",
"title": "Tire",
"component": "TireIcon",
"url": "https://gentleface.com/icons/tire",
"category": "transport",
"motif": "tire",
"added": "2026-11-06",
"since": "0.4.0",
"history": [
{
"date": "2026-11-06",
"what": [
"20 px drawn",
"24 px drawn",
"added",
"released in 0.4.0"
]
}
],
"geometry_hash": "0450f8d7f09c",
"use_for": [
"tire",
"tire service",
"tyre",
"tire change",
"flat tire",
"tire repair"
],
"alternatives": [
{
"icon": "engine",
"why": "engine or vehicle service",
"concept": "tire"
}
],
"also_fits": [
{
"concept": "vehicle-service",
"owner": "engine",
"why": "tire service"
}
],
"family": [],
"tags": [
"tire",
"tyre",
"wheel",
"rubber",
"tire-service",
"tire-change",
"tire-shop",
"car-service",
"puncture",
"car",
"vehicle"
],
"size": 16,
"styles": [
"line-round",
"line-soft",
"line-sharp",
"solid-round",
"solid-soft",
"solid-sharp"
],
"default_style": "line-round",
"svg": {
"line-round": "",
"line-soft": "",
"line-sharp": "",
"solid-round": "",
"solid-soft": "",
"solid-sharp": ""
},
"svg_url": {
"line-round": "https://gentleface.com/svg/line-round/16/tire.svg",
"line-soft": "https://gentleface.com/svg/line-soft/16/tire.svg",
"line-sharp": "https://gentleface.com/svg/line-sharp/16/tire.svg",
"solid-round": "https://gentleface.com/svg/solid-round/16/tire.svg",
"solid-soft": "https://gentleface.com/svg/solid-soft/16/tire.svg",
"solid-sharp": "https://gentleface.com/svg/solid-sharp/16/tire.svg"
},
"png_url": {
"line-round": {
"16": "https://gentleface.com/png/line-round/16/tire.png",
"32": "https://gentleface.com/png/line-round/32/tire.png",
"48": "https://gentleface.com/png/line-round/48/tire.png"
},
"line-soft": {
"16": "https://gentleface.com/png/line-soft/16/tire.png",
"32": "https://gentleface.com/png/line-soft/32/tire.png",
"48": "https://gentleface.com/png/line-soft/48/tire.png"
},
"line-sharp": {
"16": "https://gentleface.com/png/line-sharp/16/tire.png",
"32": "https://gentleface.com/png/line-sharp/32/tire.png",
"48": "https://gentleface.com/png/line-sharp/48/tire.png"
},
"solid-round": {
"16": "https://gentleface.com/png/solid-round/16/tire.png",
"32": "https://gentleface.com/png/solid-round/32/tire.png",
"48": "https://gentleface.com/png/solid-round/48/tire.png"
},
"solid-soft": {
"16": "https://gentleface.com/png/solid-soft/16/tire.png",
"32": "https://gentleface.com/png/solid-soft/32/tire.png",
"48": "https://gentleface.com/png/solid-soft/48/tire.png"
},
"solid-sharp": {
"16": "https://gentleface.com/png/solid-sharp/16/tire.png",
"32": "https://gentleface.com/png/solid-sharp/32/tire.png",
"48": "https://gentleface.com/png/solid-sharp/48/tire.png"
}
},
"npm": {
"react": "import { TireIcon } from '@gentleface/react';",
"svg": "@gentleface/icons/svg/line-round/16/tire.svg",
"cdn": "https://cdn.jsdelivr.net/npm/@gentleface/icons@0.6.0/svg/line-round/16/tire.svg",
"version": "0.6.0"
},
"license": "MIT",
"author": "Alexander Kiselev",
"motion": {
"name": "tire-pump",
"does": "The air goes out: the bottom of the tire flattens on the ground, its sides bulge and the wheel sinks inside it. Three pump strokes round it back up step by step, a little past full, and it settles.",
"url": "https://gentleface.com/motion/tire-pump.svg",
"style": "line-round",
"size": 16,
"duration": 3,
"frames": [
0.25,
2.4
],
"svg": "",
"react": "// Gentleface \"tire\" animated (tire-pump), MIT. https://gentleface.com/icons/tire\n// Pass a ref to start and stop it: https://gentleface.com/animated-icons\nimport { forwardRef, useId, type SVGProps } from 'react';\n\nexport const TirePumpIcon = forwardRef>(function TirePumpIcon(props, ref) {\n const uid = useId().replace(/\\W/g, '');\n return (\n \n );\n});",
"how_to_play": "https://gentleface.com/animated-icons.md"
}
}