Pills 2 Outline icon

solar:pills-2-outline

The Pills 2 Outline icon (solar:pills-2-outline) 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: pillsoutline, pill

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M8 1.25C6.41239 1.25 4.97386 1.89441 3.93414 2.93414C2.89441 3.97386 2.25 5.41239 2.25 7C2.25 10.1756 4.82436 12.75 8 12.75C9.58761 12.75 11.0261 12.1056 12.0659 11.0659C13.1056 10.0261 13.75 8.58761 13.75 7C13.75 3.82436 11.1756 1.25 8 1.25ZM11.4887 9.42805L5.57195 3.51129C6.26041 3.03106 7.09696 2.75 8 2.75C10.3472 2.75 12.25 4.65279 12.25 7C12.25 7.90304 11.9689 8.73959 11.4887 9.42805ZM4.51129 4.57195L10.428 10.4887C9.73959 10.9689 8.90304 11.25 8 11.25C5.65279 11.25 3.75 9.34721 3.75 7C3.75 6.09696 4.03106 5.26041 4.51129 4.57195Z"/><path d="M21.0659 12.9341C18.8203 10.6886 15.1797 10.6886 12.9341 12.9341C11.8115 14.0567 11.25 15.5296 11.25 17C11.25 18.4704 11.8115 19.9433 12.9341 21.0659C15.1797 23.3114 18.8203 23.3114 21.0659 21.0659C22.1885 19.9433 22.75 18.4704 22.75 17C22.75 15.5296 22.1885 14.0567 21.0659 12.9341ZM13.9948 13.9948C15.6545 12.3351 18.3455 12.3351 20.0052 13.9948C20.6437 14.6333 21.0365 15.4236 21.1838 16.25H12.8162C12.9635 15.4236 13.3563 14.6333 13.9948 13.9948ZM12.8162 17.75H21.1838C21.0365 18.5764 20.6437 19.3667 20.0052 20.0052C18.3455 21.6649 15.6545 21.6649 13.9948 20.0052C13.3563 19.3667 12.9635 18.5764 12.8162 17.75Z"/></g></svg>

How to use the Pills 2 Outline icon

React

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

<Icon icon="solar:pills-2-outline" width="24" />

Vue

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

<template>
  <Icon icon="solar:pills-2-outline" width="24" />
</template>

Svelte

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

<Icon icon="solar:pills-2-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--pills-2-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:pills-2-outline"></div>

Web component

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

<iconify-icon icon="solar:pills-2-outline"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/solar/pills-2-outline.svg" alt="Pills 2 Outline icon" width="24" height="24">

Related icons in Solar

Pills 2 Outline icon in other icon sets

Pills 2 Outline icon FAQ

Is the Pills 2 Outline 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 Pills 2 Outline icon in React?

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

How do I add the Pills 2 Outline icon to a web page?

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

Browse all Solar icons →