Hops icon
game-icons:hops
The Hops icon (game-icons:hops) 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
- hop
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M455.016 31.335c-7.352 27.563-11.672 51.534-29.666 70.475a132 132 0 0 1 10.89 14.457c21.859-21.479 31.27-55.32 36.444-81.483zm-365.77 86.553c26.53 23.311 75.437 43.214 128.588 50.441c8.93-54.446 25.763-101.262 78.663-111.742c-87.441-32.988-169.736-14.856-207.25 61.3zm181.012-30.992c-23.32 17.537-33.49 55.18-35.172 93.896c-1.561 35.96 3.991 71.655 9.075 90.1c18.466 5.08 54.205 10.628 90.213 9.068c38.762-1.68 76.457-11.845 94.011-35.137c26.195-44.685 11.365-102.657-21.504-136.447c-35.854-30.649-96.195-50.896-136.623-21.48M93.756 144.06c-21.448 19.766-37.77 47.077-44.715 84.466c29.077 14.704 53.089 19.928 81.481 23.61c19.863-23.625 28.623-48.967 39.228-75.043c-29.084-7.861-55.342-19.184-75.994-33.033m93.71 37.314c-13.41 45.213-43.135 138.013-19.993 166.121c20.996 20.505 122.712-2.301 166.324-19.967a360 360 0 0 1-5.027-29.386c-33.203-1.003-67.74-2.657-99.18-12.67c-8.98-34.162-13.172-70.091-12.685-99.073a360 360 0 0 1-29.44-5.025zm271.243 37.24c-9.797 53.078-68.758 74.708-111.867 78.6c7.237 53.09 27.16 101.938 50.498 128.433c85.392-40.18 90.077-136.087 61.37-207.033zM59.217 254.495c-13.823 25.304-23.43 57.957-25.054 84.063c16.933 5.432 36.996 6.918 53.347 7.308c6.387-25.338 18.476-51.542 32.994-76.928c-20.58-3.495-43.292-7.486-61.287-14.443m88.59 3.938c-22.603 45.341-56.073 107.837-42.664 151.328c57.858 6.862 111.673-17.601 151.47-42.592c-32.613 5.741-81.751 15.043-103.86-4.938c-18.09-28.865-13.015-58.231-4.946-103.798m190.277 86.802c-30.287 7.312-51.234 24.35-75.14 39.196c4.16 25.089 9.576 60.967 23.635 81.375c37.436-6.937 64.779-23.24 84.568-44.662c-13.862-20.63-25.194-46.859-33.063-75.909M46.331 360.267c-10.174 36.445-17.91 81.317-4.399 112.632c31.358 13.502 76.288 5.774 112.777-4.39c-2.03-12.867-3.194-26.613-3.529-37.592c-23.234 1.407-41.295.55-59.984-7.201c-7.773-19.583-9.502-42.678-7.215-59.922c-13.049-.685-25.974-1.445-37.65-3.527m199.806 34.162c-25.42 14.508-51.66 26.588-77.03 32.968c.398 20.603.666 38.958 7.315 53.268c31-3.247 58.572-10.692 84.17-25.025c-7.523-22.172-11.492-40.957-14.455-61.211"/></svg>How to use the Hops icon
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:hops" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:hops" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:hops" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--hops]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:hops"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:hops"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/game-icons/hops.svg" alt="Hops icon" width="24" height="24">Hops icon in other icon sets
Hops icon FAQ
Is the Hops 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 Hops icon in React?
Install @iconify/react and render <Icon icon="game-icons:hops" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Hops icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/hops.svg" alt="Hops icon">, or paste the SVG code inline to style it with CSS.