ICONYZ
English
Gothic Cross icon from Game Icons

Gothic Cross icon

game-icons:gothic-cross

The Gothic Cross icon (game-icons:gothic-cross) 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
gothiccross
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="M257.635 19.707L235.02 57.67h45.228zm-105.03 56.658v23.703H362.67V76.365zm41.375 42.4c18.588 20.862 30.24 45.644 38.967 72.128a68.3 68.3 0 0 1 15.344-3.952v-50.57h18.69v50.567a68.4 68.4 0 0 1 15.1 3.85c8.63-26.39 20.246-51.114 39.008-72.023zM78.898 150.21v210.04h23.657V150.21zm333.823 0v210.04h23.657V150.21zm-18.695 41.31c-20.847 18.572-45.605 30.22-72.064 38.945a68.2 68.2 0 0 1 3.974 15.357h50.498v18.69h-50.48a68.3 68.3 0 0 1-3.847 15.13c26.352 8.627 51.038 20.234 71.92 38.967zm-272.775.01v127.075c20.888-18.737 45.58-30.343 71.938-38.97a68.2 68.2 0 0 1-3.844-15.123h-50.506v-18.69h50.523a68.3 68.3 0 0 1 3.972-15.35c-26.465-8.725-51.23-20.37-72.082-38.94zm136.408 13.532c-27.628 0-50.226 22.598-50.226 50.227c0 27.627 22.598 50.224 50.226 50.224s50.225-22.597 50.225-50.225c0-27.63-22.597-50.227-50.225-50.227zm0 18.69c17.528 0 31.535 14.01 31.535 31.537c0 17.526-14.007 31.534-31.535 31.534s-31.537-14.008-31.537-31.535c0-17.53 14.01-31.538 31.538-31.538zm-197.455 8.762l-38.03 22.654l38.03 22.652zm394.87.004v45.298l38.023-22.648l-38.024-22.65zM232.907 319.56c-8.72 26.427-20.358 51.154-38.902 71.98h127.056c-18.717-20.87-30.32-45.54-38.943-71.872a68.2 68.2 0 0 1-15.138 3.865v50.43h-18.687V323.53a68.3 68.3 0 0 1-15.387-3.97zm-80.304 90.674v23.704h210.068v-23.704H152.604zm82.4 42.4l22.63 37.993l22.634-37.994z"/></svg>

How to use the Gothic Cross icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="game-icons:gothic-cross"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/game-icons/gothic-cross.svg" alt="Gothic Cross icon" width="24" height="24">

Gothic Cross icon FAQ

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

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

How do I add the Gothic Cross icon to a web page?

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

Browse all Game Icons →