Pills Outline icon

solar:pills-outline

The Pills Outline icon (solar:pills-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"><path d="M12.4697 4.46967C12.7626 4.17678 13.2374 4.17678 13.5303 4.46967L15.0303 5.96967C15.3232 6.26256 15.3232 6.73744 15.0303 7.03033C14.7374 7.32322 14.2626 7.32322 13.9697 7.03033L12.4697 5.53033C12.1768 5.23744 12.1768 4.76256 12.4697 4.46967Z"/><path fill-rule="evenodd" d="M7.06213 3.06213C9.47829 0.645958 13.3957 0.645958 15.8118 3.06213L20.9379 8.18816C23.354 10.6043 23.354 14.5217 20.9379 16.9379C19.1526 18.7231 16.5477 19.1893 14.3345 18.3364C13.3838 20.9127 10.9071 22.7499 8 22.7499C4.27208 22.7499 1.25 19.7278 1.25 15.9999C1.25 13.0927 3.08726 10.6161 5.6636 9.66543C4.81071 7.45217 5.27689 4.84737 7.06213 3.06213ZM14.7512 4.12279C12.9208 2.2924 9.95317 2.2924 8.12279 4.12279C6.2924 5.95317 6.29241 8.9208 8.12279 10.7512L10.3759 13.0042C10.5925 12.9324 10.8966 12.8171 11.2652 12.6395C12.0708 12.2513 13.1874 11.5639 14.3754 10.3758C15.5635 9.18774 16.251 8.07109 16.6393 7.26537C16.817 6.89669 16.9323 6.59252 17.0042 6.37582L14.7512 4.12279ZM18.1644 7.53603C18.1126 7.65603 18.0549 7.78314 17.9906 7.91662C17.536 8.85971 16.7542 10.1184 15.4361 11.4365C14.118 12.7545 12.8594 13.5363 11.9164 13.9908C11.783 14.055 11.656 14.1127 11.5361 14.1645L13.2488 15.8772C15.0792 17.7076 18.0468 17.7076 19.8772 15.8772C21.7076 14.0468 21.7076 11.0792 19.8772 9.24882L18.1644 7.53603ZM6.38067 11.0042C4.27349 11.6866 2.75 13.6661 2.75 15.9999C2.75 18.8994 5.1005 21.2499 8 21.2499C10.3339 21.2499 12.3133 19.7264 12.9957 17.6193C12.7123 17.4188 12.4419 17.1917 12.1882 16.9379L7.06213 11.8118C6.80831 11.558 6.58116 11.2876 6.38067 11.0042Z" clip-rule="evenodd"/></g></svg>

How to use the Pills Outline icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:pills-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-outline"></iconify-icon>

HTML image

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

Related icons in Solar

Pills Outline icon in other icon sets

Pills Outline icon FAQ

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

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

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

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

Browse all Solar icons →