Knot icon
game-icons:knot
The Knot icon (game-icons:knot) 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
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M477.117 18C457.6 44.38 439.65 68.27 415.21 88.928c-15.7 12.244-31.265 25.085-48.462 35.24c-21.145 9.22-67.885 12.887-85.982 33.89c-4.144 6.577-4.672 21.27-.426 39.497c2.19 9.402 5.452 19.627 9.336 30.076c31.868-8.462 63.62-15.685 91.463-28.536c40.892-24.654 80.908-51.5 112.86-84.45V18zM357.02 31.525c-33.65-.228-66.15 9.832-92.483 24.846c-49.43 28.184-75.595 70.35-77.52 111.778c4.164 64.606 43.112 132.717 66.805 192.104c2.548 10.03 2.465 16.768 1.39 20.924c-1.073 4.156-2.447 7.318-9.92 12.984c-16.58 12.57-36.338 18.16-55.183 18.52c-21.65 19.993-43.452 37.977-58.51 62.84c49.255 18.357 109.13 12.447 157.187-23.983c18.045-13.68 31.005-32.49 36.137-52.348c5.13-19.86 3.125-39.177-1.32-56.667c-13.03-27.867-27.52-54.832-38.08-77.933c-9.39-20.7-18.016-42.777-22.715-62.95c-3.56-15.276-5.318-29.72-2.06-42.03l-.21.05c3.195-13.178 12.41-25.205 39.66-40.742c15.886-9.058 43.24-14.957 65.228-13.875c.06.003.116.01.176.012c23.127-17.927 45.37-34.14 64.326-54.17c-6.39-3.96-13.038-7.25-19.797-9.766c-17.54-6.533-35.484-9.475-53.112-9.595zM484.175 148.38c-25.8 23.374-55.54 43.16-83.633 60.134c-3.578 4.857-8.3 9.415-14.478 14.166c-27.818 18.522-53.976 27.9-83.054 36.832c12.767 27.812 26.775 52.712 33.896 64.93c32.422-11.29 69.055-26.576 93.043-44.682c22.875-17.587 42.53-43.012 49.262-75.155c4.235-20.227 5.874-38.967 4.964-56.226zm-312.73 41.52c-32.027 15.216-62.486 36.246-86.33 66.942c-29.395 37.845-42.88 76.856-39.73 113.07c.992 11.428 3.69 22.285 7.747 32.408c21.966-26.726 50.782-57.527 73-76.775c3.784-7.474 8.94-15.644 15.847-24.535c12.386-15.947 29.847-28.568 50.11-39c-7.828-21.52-15.18-45.72-20.642-72.11zm33.134 103.715c-6.355 3.1-12.55 6.447-18.512 10.13c-47.793 29.588-91.84 76.045-126.595 119.403C43.818 444.238 30.096 465.65 18 486.45V494h80.285c14.91-22.624 30.235-46.843 47.63-64.71c23.51-23.777 51.976-48.112 77.98-64.284c3.057-1.888 6.71-3.755 10.794-5.615c-10.847-25.174-21.61-45.587-30.112-65.775z"/></svg>How to use the Knot icon
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:knot" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:knot" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:knot" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--knot]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:knot"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:knot"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/game-icons/knot.svg" alt="Knot icon" width="24" height="24">Knot icon in other icon sets
Knot icon FAQ
Is the Knot 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 Knot icon in React?
Install @iconify/react and render <Icon icon="game-icons:knot" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Knot icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/knot.svg" alt="Knot icon">, or paste the SVG code inline to style it with CSS.