Union Jack icon
game-icons:union-jack
The Union Jack icon (game-icons:union-jack) 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
- unionjack
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M21.584 18L171.02 167.436v3.584h-44.69L18 61.836v25.557l82.975 83.627H18v32h185.02V18h-32v85.436L85.584 18zm286.057 0v185.02H494v-32h-86.775L494 84.244v-64L343.225 171.02h-3.584v-44.69L448.825 18h-25.556l-83.627 82.975V18zM18 309.293v32h85.436L18 426.73v64l149.436-149.437h3.584v44.69L62.152 494h25.555l83.313-82.662V494h32V309.293zm289.64 0V494h32v-85.123L424.765 494h64L339.64 344.877v-3.584h44.69L494 451.826V426.27l-84.314-84.977H494v-32z"/></svg>How to use the Union Jack icon
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:union-jack" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:union-jack" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:union-jack" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--union-jack]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:union-jack"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:union-jack"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/game-icons/union-jack.svg" alt="Union Jack icon" width="24" height="24">Union Jack icon FAQ
Is the Union Jack 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 Union Jack icon in React?
Install @iconify/react and render <Icon icon="game-icons:union-jack" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Union Jack icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/union-jack.svg" alt="Union Jack icon">, or paste the SVG code inline to style it with CSS.