josemi/icons

pills

Download

Download the icon as SVG image.

Download Icon

Customize icon

Set your custom size or color and download the icon as SVG or PNG image.

Width

Height

Color

Get SVG

Get PNG

Using as SVG

Copy and paste the following SVG code into your HTML file where you want the icon to appear. Then, you can customize the SVG attributes, such as size or color, using inline styling or CSS classes.

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="1em" height="1em">
    <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8C3 5.23858 5.23858 3 8 3C10.7614 3 13 5.23858 13 8C13 10.7614 10.7614 13 8 13C5.23858 13 3 10.7614 3 8ZM13 17C13 14.7909 14.7909 13 17 13C19.2091 13 21 14.7909 21 17C21 19.2091 19.2091 21 17 21C14.7909 21 13 19.2091 13 17ZM11 5L5 11M14 17L20 17" />
</svg>

Using with React

Install @josemi-icons/react and import the icon component in your React application:

import {PillsIcon} from "@josemi-icons/react";

const MyComponent = () => {
    return (
        <PillsIcon />
    );
};

Using with CSS

Install @josemi-icons/css and include the icon as a CSS class:

<i class="ji-pills"></i>