Grease Trap icon
game-icons:grease-trap
The Grease Trap icon (game-icons:grease-trap) is a free SVG icon from the Game Icons set by GameIcons. It is drawn on a 512 × 512 grid. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Game Icons
- Author
- GameIcons
- License
- CC-BY-3.0
- Size
- 512 × 512
- Tags
- greasetrap
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="m256.535 21.3l-9.03 33.848c-10.657 39.96-25.893 69.12-38.827 93.19c-12.935 24.07-24.328 43.162-24.328 64.254c0 39.893 32.407 72.474 72.185 72.474s72.186-32.582 72.186-72.474c0-21.092-11.393-40.174-24.325-64.238c-12.933-24.065-28.167-53.222-38.83-93.206l-9.03-33.85zm-.39 68.688c-5.008 47.814-20.54 90.294-16.987 109.873c3.727 20.527 23.308 34.156 43.738 30.447c12.198-2.215 21.937-10.11 27.014-20.48c.077.936.12 1.86.12 2.765c0 29.838-23.864 53.787-53.495 53.787s-53.498-23.95-53.498-53.788c0-13.773 9.087-31.185 22.104-55.408c9.702-18.053 21.152-39.86 31.006-67.196zM56.642 251.658L20.243 354.725L200.2 418.988a58.35 58.35 0 0 1 5.607-26.607a58.02 58.02 0 0 1 33.914-30.204l-24.445-53.87l-19.11 54.108l-32.997-72.717l-19.11 54.11l-32.997-72.717l-19.956 56.514l-34.463-75.946zm399.79 0l-34.463 75.946l-19.957-56.514l-32.998 72.717l-19.11-54.11l-32.998 72.717l-19.11-54.11l-31.97 70.458a37 37 0 0 0-6.877-.924c-14.764-.56-29.253 7.772-36.25 22.543c-9.33 19.696-1.384 42.648 17.475 51.665s41.51.767 50.838-18.928c1.13-2.384 2-4.815 2.635-7.263l199.183-71.13l-36.4-103.065zM256.406 398.906c9.678 0 17.52 7.846 17.52 17.522s-7.844 17.52-17.52 17.52s-17.52-7.842-17.52-17.52s7.842-17.522 17.52-17.522"/></svg>How to use the Grease Trap icon
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:grease-trap" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:grease-trap" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:grease-trap" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--grease-trap]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:grease-trap"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:grease-trap"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/game-icons/grease-trap.svg" alt="Grease Trap icon" width="24" height="24">Grease Trap icon FAQ
Is the Grease Trap icon free for commercial use?
Yes. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Grease Trap icon in React?
Install @iconify/react and render <Icon icon="game-icons:grease-trap" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Grease Trap icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/grease-trap.svg" alt="Grease Trap icon">, or paste the SVG code inline to style it with CSS.