Pill icon

game-icons:pill

The Pill icon (game-icons:pill) 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="M383.72 70.188q-1.719-.015-3.44.03c-16.662.428-33.436 4.925-48.81 13.907c-148.594 86.803-101.707 58.72-253.533 146.375l-4.656 2.688v.312c-45.61 29.694-60.683 90.445-33.155 138.125c28.464 49.3 91.974 66.493 141.188 37.78c151.39-88.32 104.363-60.41 253.5-146.374c49.327-28.43 66.307-91.824 37.843-141.124c-18.957-32.834-53.47-51.442-88.937-51.72zm1.342 16.468c25.255.406 49.682 13.512 63.094 36.844c1.82 3.164 2.786 6.918 4.094 10.22c-22.875-25.86-61.86-33.04-92.97-15c-64.527 37.42-83.64 48.864-105.686 61.874c22.46 19.385 44.32 52.128 54.25 82.03c-56.72 32.796-51.65 30.67-148.844 87.032c-31.11 18.04-70.094 10.858-92.97-15c1.31 3.3 2.277 7.055 4.095 10.22c20.438 35.552 66.447 47.306 102 26.687c93.043-53.956 91.828-53.805 141.188-82.313c.507 9.606-1.02 18.18-5.094 24.938c-28.792 16.492-53.304 30.647-136.345 79.093c-40.39 23.566-92.154 9.545-115.563-31c-23.408-40.542-9.574-92.186 30.97-115.592l4.687-2.72c73.185-42.234 98.623-56.668 125.81-72.25c37.072-21.5 44.154-26.065 128.376-74.905c12.222-7.088 25.678-10.37 38.906-10.157z"/></svg>

How to use the Pill icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Related icons in Game Icons

Pill icon in other icon sets

Pill icon FAQ

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

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

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

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

Browse all Game Icons →