ICONYZ
English
Suits icon from Game Icons

Suits icon

game-icons:suits

The Suits icon (game-icons:suits) 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
suit
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="M300.125 22.22c-16.803.392-34.233 9.65-45.53 29.218c-27.148-47.017-96.42-34.833-94.626 21.374c1.87 58.528 85.608 92.668 94.624 126.313c8.25-30.797 96.137-70.224 94.375-126.313c-1.03-32.814-24.287-51.168-48.845-50.593zm109.53 112.28s-86.616 63.248-85.03 113.78c1.356 43.213 45.503 58.606 73.53 33.564l-24.56 58.875h72.374l-24.595-58.908c28.416 24.42 74.963 10.286 73.563-33.53c-1.683-52.735-85.282-113.782-85.282-113.782zm-303.436 2.03c-24.513.018-44.626 19.58-44.626 44.095c0 10.22 3.667 19.87 9.468 27.375c-1.847-.232-3.652-.563-5.562-.563c-24.526 0-44.656 20.13-44.656 44.657c0 24.525 20.13 44.656 44.656 44.656c10 0 19.224-3.35 26.656-8.97L69.75 341.44h72.375l-22.75-54.47c7.604 6.088 17.202 9.782 27.594 9.782c24.526 0 44.124-20.13 44.124-44.656s-19.6-44.656-44.125-44.656c-2.1 0-4.104.276-6.126.562c5.887-7.535 9.5-17.072 9.5-27.375c0-24.515-19.583-44.077-44.094-44.094h-.03zM254.53 283.5l-85.468 105.125l85.47 105.156l85.5-105.155l-85.5-105.125z"/></svg>

How to use the Suits icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Suits icon FAQ

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

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

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

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

Browse all Game Icons →