Fencer icon

game-icons:fencer

The Fencer icon (game-icons:fencer) 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

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M225.036 94.788c-12.338 21.997-12.979 40.174-3.58 61.588l15.41.775c-3.042-9.283-4.944-19.43-4.777-29.968c.164-10.377 2.472-21.149 7.615-31.391zm34.729 2.377c-6.847 9.651-9.515 19.873-9.68 30.303c-.164 10.328 2.33 20.81 6.107 30.107c19.404-5.668 24.83-19.008 25.358-33.105c.276-7.372-1.29-14.74-3.528-19.848c-2.066-4.717-4.858-6.438-4.351-6.504zm114.324 20.18a27.5 27.5 0 0 0-3.815.36l8.868 44.189c8.918-3.028 16.653-9.237 16.664-21.704l98.074-16.554l-.762-4.977l-99.031 11.559c-3.064-7.706-10.268-13.092-19.998-12.873m-16.016 15.418c-18.216 15.033-25.17 27.556-47.912 40.754c-13.412-1.61-28.06-3.171-40.648-1.786c-3.579 1.697-7.502 3.1-11.805 4.127l-1.256.301l-46.709-2.353l-2.342-4.73a111 111 0 0 1-2.027-4.352c-24.9 6.797-37.561 21.942-61.703 34.795c-17.846 4.527-37.748 4.582-55.336 3.001c-17.57.8-38.588 29.853 9.965 27.817c29.17-.372 69.443-8.09 91.82-23.217c-20.038 75.026-75.165 100.356-135.348 127.479c-21.304 17.147-25.288 27.748-33.503 39.968c-3.706 7.228 2.329 5.84 8.851 9.998c17.188-8.115 19.152-15.808 35.762-27.068c45.944-17.999 46.474-8.262 126.17-46.602c24.279-2.54 44.736-.656 67.023-9.173c2.686 38.16 7.697 41.45 5.176 81.3l54.014.776l.545-11.078l-31.74-8.426c8.77-42.552 8.966-59.96 3.55-97.137c-.735-5.044-40.783-6.286-61.496-2.87c21.866-21.678 34.769-39.963 38.416-61.64c18.175 1.599 30.554 2.147 49.207-2.654c24.85-10.837 30.435-16.789 48.074-39.746zM18.12 399.212v18h472v-18z"/></svg>

How to use the Fencer icon

React

import { Icon } from "@iconify/react";

<Icon icon="game-icons:fencer" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="game-icons:fencer" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="game-icons:fencer" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--fencer]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:fencer"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="game-icons:fencer"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/game-icons/fencer.svg" alt="Fencer icon" width="24" height="24">

Fencer icon FAQ

Is the Fencer 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 Fencer icon in React?

Install @iconify/react and render <Icon icon="game-icons:fencer" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Fencer icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/fencer.svg" alt="Fencer icon">, or paste the SVG code inline to style it with CSS.

Browse all Game Icons →