Sword Clash icon

game-icons:sword-clash

The Sword Clash icon (game-icons:sword-clash) 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: swordclash

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="m311.313 25.625l-23 10.656l-29.532 123.032l60.814-111.968l-8.28-21.72zM59.625 50.03c11.448 76.937 48.43 141.423 100.188 195.75a3267 3267 0 0 0 42.718-29.405c-22.156-27.314-37.85-56.204-43.593-86.28c-34.214-26.492-67.613-53.376-99.312-80.064zm390.47.032C419.178 76.1 386.64 102.33 353.31 128.22c-10.333 58.234-58.087 112.074-118.218 158.624c-65.433 50.654-146.56 92.934-215.28 121.406l-.002 32.78c93.65-34.132 195.55-81.378 276.875-146.592c79.035-63.378 138.329-143.063 153.41-244.375zm-236.158 9.344l-8.5 27.813l40.688 73.06l-6.875-85.31l-25.313-15.564zm114.688 87.813C223.39 227.47 112.257 302.862 19.812 355.905V388c65.917-27.914 142.58-68.51 203.844-115.938c49.83-38.574 88.822-81.513 104.97-124.843zm-144.563 2.155c7.35 18.89 19.03 37.68 34 56.063c7.03-4.98 14.056-10.03 21.094-15.094c-18.444-13.456-36.863-27.12-55.094-40.97zM352.656 269.72c-9.573 9.472-19.58 18.588-29.906 27.405c54.914 37.294 117.228 69.156 171.906 92.156V358.19c-43.86-24.988-92.103-55.13-142-88.47m-44.906 39.81c-11.65 9.32-23.696 18.253-36.03 26.845c70.326 45.135 149.33 79.775 222.935 106.375v-33.22c-58.858-24.223-127.1-58.727-186.906-100zm-58.625 52.033l-46.188 78.25l7.813 23.593l27.75-11.344zm15.844.812L316.343 467l36.47 10.28l-3.533-31.967z"/></svg>

How to use the Sword Clash icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="game-icons:sword-clash"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/game-icons/sword-clash.svg" alt="Sword Clash icon" width="24" height="24">

Related icons in Game Icons

Sword Clash icon FAQ

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

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

How do I add the Sword Clash icon to a web page?

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

Browse all Game Icons →