capsules icon

capsules from Font Awesome Solid by Dave Gandy · Solid · Medical · CC-BY-4.0 Attribution required.

Name: capsules
Set: Font Awesome Solid
Style: Solid
Category: Medical
Viewbox: 640×640
License: CC BY 4.0

The same icon in other sets

capsulesFont Awesome 6 Solid capsulesLine Awesome

More medical icons from Font Awesome Solid

Use the capsules icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M128 176c0-26.5 21.5-48 48-48s48 21.5 48 48v112h-96zm-64 0v288c0 61.9 50.1 112 112 112s112-50.1 112-112V358.2l116.3 169.5c35.5 51.7 105.3 64.3 156 28.1s63-107.5 27.5-159.2L459.3 209.3c-35.5-51.7-105.3-64.3-156-28.1c-5.6 4-10.7 8.4-15.3 13.1V176c0-61.9-50.1-112-112-112S64 114.1 64 176m264.6 128.2c-16-23.3-10-55.3 11.9-71c21.2-15.1 50.5-10.3 66 12.2l67 97.6l-79.9 55.9l-65-94.8z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidCapsules(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M128 176c0-26.5 21.5-48 48-48s48 21.5 48 48v112h-96zm-64 0v288c0 61.9 50.1 112 112 112s112-50.1 112-112V358.2l116.3 169.5c35.5 51.7 105.3 64.3 156 28.1s63-107.5 27.5-159.2L459.3 209.3c-35.5-51.7-105.3-64.3-156-28.1c-5.6 4-10.7 8.4-15.3 13.1V176c0-61.9-50.1-112-112-112S64 114.1 64 176m264.6 128.2c-16-23.3-10-55.3 11.9-71c21.2-15.1 50.5-10.3 66 12.2l67 97.6l-79.9 55.9l-65-94.8z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M128 176c0-26.5 21.5-48 48-48s48 21.5 48 48v112h-96zm-64 0v288c0 61.9 50.1 112 112 112s112-50.1 112-112V358.2l116.3 169.5c35.5 51.7 105.3 64.3 156 28.1s63-107.5 27.5-159.2L459.3 209.3c-35.5-51.7-105.3-64.3-156-28.1c-5.6 4-10.7 8.4-15.3 13.1V176c0-61.9-50.1-112-112-112S64 114.1 64 176m264.6 128.2c-16-23.3-10-55.3 11.9-71c21.2-15.1 50.5-10.3 66 12.2l67 97.6l-79.9 55.9l-65-94.8z"/></svg>
</template>

CSS

.icon-capsules {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M128%20176c0-26.5%2021.5-48%2048-48s48%2021.5%2048%2048v112h-96zm-64%200v288c0%2061.9%2050.1%20112%20112%20112s112-50.1%20112-112V358.2l116.3%20169.5c35.5%2051.7%20105.3%2064.3%20156%2028.1s63-107.5%2027.5-159.2L459.3%20209.3c-35.5-51.7-105.3-64.3-156-28.1c-5.6%204-10.7%208.4-15.3%2013.1V176c0-61.9-50.1-112-112-112S64%20114.1%2064%20176m264.6%20128.2c-16-23.3-10-55.3%2011.9-71c21.2-15.1%2050.5-10.3%2066%2012.2l67%2097.6l-79.9%2055.9l-65-94.8z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M128%20176c0-26.5%2021.5-48%2048-48s48%2021.5%2048%2048v112h-96zm-64%200v288c0%2061.9%2050.1%20112%20112%20112s112-50.1%20112-112V358.2l116.3%20169.5c35.5%2051.7%20105.3%2064.3%20156%2028.1s63-107.5%2027.5-159.2L459.3%20209.3c-35.5-51.7-105.3-64.3-156-28.1c-5.6%204-10.7%208.4-15.3%2013.1V176c0-61.9-50.1-112-112-112S64%20114.1%2064%20176m264.6%20128.2c-16-23.3-10-55.3%2011.9-71c21.2-15.1%2050.5-10.3%2066%2012.2l67%2097.6l-79.9%2055.9l-65-94.8z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-solid/capsules.svg?color=%231a73e8&size=48