Switchblade icon
game-icons:switchblade
The Switchblade icon (game-icons:switchblade) 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="m226.652 235.381l21.57-19.723c-21.518-19.505-39.248-5.543-42.497-.644c-10.142 15.208 9.633 9.177 20.927 20.367m92.283 51.446c-3.208 4.817-20.418 18.384-41.47.25l19.64-21.53c11.065 12.509 32.21 5.71 21.83 21.28m-29.21-87.57C446.324 42.738 486 24.645 486 24.645s-15.457 42.311-171.996 198.923zM34.808 440.584c10.868-7.484 10.733-3.654 23.408-15.01l.26.26l28.961 28.961l.26.26c-11.253 12.612-7.267 12.456-14.98 23.553a20.304 20.304 0 0 1-31.058 2.793l-9.717-9.717a20.315 20.315 0 0 1 2.866-31.1m189.767-180.881l53.387-48.654l24.29 24.29l-48.684 53.367zm-154.36 154.38l28.962 28.961l141.104-141.103l-28.962-28.962zM186.802 308.49a11.969 11.969 0 1 1 0 16.931a11.97 11.97 0 0 1 0-16.93z"/></svg>How to use the Switchblade icon
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:switchblade" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:switchblade" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:switchblade" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--switchblade]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:switchblade"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:switchblade"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/game-icons/switchblade.svg" alt="Switchblade icon" width="24" height="24">Switchblade icon FAQ
Is the Switchblade 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 Switchblade icon in React?
Install @iconify/react and render <Icon icon="game-icons:switchblade" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Switchblade icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/switchblade.svg" alt="Switchblade icon">, or paste the SVG code inline to style it with CSS.