Pill Bold icon

solar:pill-bold

The Pill Bold icon (solar:pill-bold) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.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: Solar
Author: 480 Design
License: CC-BY-4.0
Size: 24 × 24
Category: Medicine
Tags: pillbold

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M3.99057 3.99057C1.33648 6.64466 1.33648 10.9478 3.99057 13.6019L6.55391 16.1652L7.0495 16.0698C7.04919 16.0698 7.04956 16.0698 7.05049 16.0696L7.06435 16.0666C7.07872 16.0634 7.10332 16.0577 7.13754 16.0491C7.20599 16.0318 7.31287 16.0027 7.45346 15.9578C7.73465 15.868 8.1504 15.7153 8.66292 15.4683C9.68709 14.9747 11.1005 14.1037 12.6019 12.6023C14.1032 11.101 14.9744 9.68744 15.468 8.66312C15.7151 8.15053 15.8679 7.73472 15.9578 7.45347C16.0027 7.31286 16.0318 7.20594 16.0491 7.13748C16.0577 7.10325 16.0634 7.07865 16.0666 7.06426L16.0696 7.05043C16.0698 7.04952 16.0699 7.04909 16.0698 7.0494L16.1653 6.55397L13.6019 3.99057C10.9478 1.33648 6.64466 1.33648 3.99057 3.99057Z"/><path d="M17.4187 7.80734C17.4087 7.83998 17.398 7.87417 17.3866 7.90986C17.2772 8.25257 17.099 8.73396 16.8193 9.31437C16.2594 10.4761 15.2939 12.0316 13.6625 13.663C12.0312 15.2943 10.4757 16.2598 9.31411 16.8195C8.73375 17.0992 8.2524 17.2773 7.90973 17.3867C7.8741 17.3981 7.83996 17.4088 7.80737 17.4187L10.3981 20.0094C13.0522 22.6635 17.3553 22.6635 20.0094 20.0094C22.6635 17.3553 22.6635 13.0522 20.0094 10.3981L17.4187 7.80734Z"/></g></svg>

How to use the Pill Bold icon

React

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

<Icon icon="solar:pill-bold" width="24" />

Vue

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

<template>
  <Icon icon="solar:pill-bold" width="24" />
</template>

Svelte

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

<Icon icon="solar:pill-bold" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="solar:pill-bold"></iconify-icon>

HTML image

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

Related icons in Solar

Pill Bold icon in other icon sets

Pill Bold icon FAQ

Is the Pill Bold icon free for commercial use?

Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Pill Bold icon in React?

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

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

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

Browse all Solar icons →