Tyre Fill icon
mingcute:tyre-fill
The Tyre Fill icon (mingcute:tyre-fill) is a free SVG icon from the MingCute Icon set by MingCute Design. It is drawn on a 24 × 24 grid. MingCute Icon icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- MingCute Icon
- Author
- MingCute Design
- License
- Apache-2.0
- Size
- 24 × 24
- Tags
- tyrefill
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" 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>How to use the Tyre Fill icon
React
import { Icon } from "@iconify/react";
<Icon icon="mingcute:tyre-fill" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mingcute:tyre-fill" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mingcute:tyre-fill" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--tyre-fill]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute:tyre-fill"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mingcute:tyre-fill"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/mingcute/tyre-fill.svg" alt="Tyre Fill icon" width="24" height="24">Related icons in MingCute Icon
Tyre Fill icon FAQ
Is the Tyre Fill icon free for commercial use?
Yes. MingCute Icon icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Tyre Fill icon in React?
Install @iconify/react and render <Icon icon="mingcute:tyre-fill" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Tyre Fill icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/mingcute/tyre-fill.svg" alt="Tyre Fill icon">, or paste the SVG code inline to style it with CSS.