Palette icon

game-icons:palette

The Palette icon (game-icons:palette) 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="M274.174 41.604q-4.197-.014-8.332.195c-96.67 4.85-177.38 86.93-217.842 192c-40.462 105.06.914 239.97 90.336 237.48c89.42-2.5 18.09-99.6 65.486-146.12c24.345-23.9 58.852-15.48 94.207-5.64l-17.6-22.98l-4.2-5.48c-1.38.06-2.79.102-4.26.09c-8.24-.064-17.82-.54-25.25-7.347c-13.89-12.73-14.4-31.304-14.08-47.908s1.12-32.375-4.05-42.587l-5.7-11.24l12.595-.37q1.57-.047 3.15-.053c15.8-.073 32.304 2.776 46.914 9.03c15.584 6.67 29.254 17.44 36.154 33.053c4.18 9.46 3.665 20.116.623 29.768a57 57 0 0 1-2.24 5.89l54.9 71.68c6.21-1.05 12.184-2.936 17.844-5.92c46.09-24.313 97.313-77.71 88.27-129.03c-14.84-84.23-120.2-154.26-206.94-154.52zm60.79 39.888a34.152 39.804 15.878 0 1 17.913 7.06a34.152 39.804 15.878 0 1 4.666 54.87a34.152 39.804 15.878 0 1-48.72 9.77a34.152 39.804 15.878 0 1-4.665-54.87a34.152 39.804 15.878 0 1 30.805-16.83zm-119.85 4.467a39.307 30.27 71.565 0 1 34.603 35.56a39.307 30.27 71.565 0 1-23.213 41.31a39.307 30.27 71.565 0 1-37.678-35.47a39.307 30.27 71.565 0 1 23.213-41.31a39.307 30.27 71.565 0 1 3.07-.1zm-88.33 79.58a35.75 31.637 35.137 0 1 38.16 33.05a35.75 31.637 35.137 0 1-30.266 33.05a35.75 31.637 35.137 0 1-38.164-33.05a35.75 31.637 35.137 0 1 30.27-33.06zM421.256 170a34.25 40.436 25.644 0 1 20.41 9.578a34.25 40.436 25.644 0 1-2.914 55.51a34.25 40.436 25.644 0 1-50.107 3.966a34.25 40.436 25.644 0 1 2.916-55.51A34.25 40.436 25.644 0 1 421.26 170zm-174.152 27.95c2.982 12.774 1.784 26.197 1.548 38.275c-.31 15.893.734 28.32 8.89 35.797c1.19 1.09 8.018 3.092 14.556 3.143c3.268.026 6.44-.22 8.718-.535a27 27 0 0 0 2.383-.425l13.02-9.362l.02-.014c4.46-3.17 8.72-9.37 10.85-16.13s2.07-13.81 0-18.49c-4.83-10.93-14.84-19.26-27.82-24.81c-9.73-4.17-21-6.65-32.17-7.45zm67.455 83.808l-14.37 11L438.97 473.97l14.36-10.998l-138.773-181.21zm-200.35 60.16a48.74 40.895 69.57 0 1 46.46 47.85a48.74 40.895 69.57 0 1-36.85 47.852a48.74 40.895 69.57 0 1-46.46-47.852a48.74 40.895 69.57 0 1 36.85-47.85"/></svg>

How to use the Palette icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Palette icon in other icon sets

Palette icon FAQ

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

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

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

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

Browse all Game Icons →