capsules icon

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

Name: capsules
Set: Font Awesome 6 Solid
Style: Regular
Category: Medical
Viewbox: 576×512
License: CC BY 4.0

The same icon in other sets

capsulesFont Awesome Solid capsulesLine Awesome

More medical icons from Font Awesome 6 Solid

Use the capsules icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M64 144c0-26.5 21.5-48 48-48s48 21.5 48 48v112H64zm-64 0v224c0 61.9 50.1 112 112 112s112-50.1 112-112V189.6c1.8 19.1 8.2 38 19.8 54.8l128.5 187.3c35.5 51.7 105.3 64.3 156 28.1s63-107.5 27.5-159.2L427.3 113.3c-35.5-51.8-105.4-64.3-156-28.1c-28 20-44.3 50.8-47.3 83V144c0-61.9-50.1-112-112-112S0 82.1 0 144m296.6 64.2c-16-23.3-10-55.3 11.9-71c21.2-15.1 50.5-10.3 66 12.2l67 97.6l-79.9 56zM491 407.7c-.8.6-1.6 1.1-2.4 1.6l4-2.8c-.5.4-1 .8-1.6 1.2"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidCapsules(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M64 144c0-26.5 21.5-48 48-48s48 21.5 48 48v112H64zm-64 0v224c0 61.9 50.1 112 112 112s112-50.1 112-112V189.6c1.8 19.1 8.2 38 19.8 54.8l128.5 187.3c35.5 51.7 105.3 64.3 156 28.1s63-107.5 27.5-159.2L427.3 113.3c-35.5-51.8-105.4-64.3-156-28.1c-28 20-44.3 50.8-47.3 83V144c0-61.9-50.1-112-112-112S0 82.1 0 144m296.6 64.2c-16-23.3-10-55.3 11.9-71c21.2-15.1 50.5-10.3 66 12.2l67 97.6l-79.9 56zM491 407.7c-.8.6-1.6 1.1-2.4 1.6l4-2.8c-.5.4-1 .8-1.6 1.2"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M64 144c0-26.5 21.5-48 48-48s48 21.5 48 48v112H64zm-64 0v224c0 61.9 50.1 112 112 112s112-50.1 112-112V189.6c1.8 19.1 8.2 38 19.8 54.8l128.5 187.3c35.5 51.7 105.3 64.3 156 28.1s63-107.5 27.5-159.2L427.3 113.3c-35.5-51.8-105.4-64.3-156-28.1c-28 20-44.3 50.8-47.3 83V144c0-61.9-50.1-112-112-112S0 82.1 0 144m296.6 64.2c-16-23.3-10-55.3 11.9-71c21.2-15.1 50.5-10.3 66 12.2l67 97.6l-79.9 56zM491 407.7c-.8.6-1.6 1.1-2.4 1.6l4-2.8c-.5.4-1 .8-1.6 1.2"/></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%20576%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M64%20144c0-26.5%2021.5-48%2048-48s48%2021.5%2048%2048v112H64zm-64%200v224c0%2061.9%2050.1%20112%20112%20112s112-50.1%20112-112V189.6c1.8%2019.1%208.2%2038%2019.8%2054.8l128.5%20187.3c35.5%2051.7%20105.3%2064.3%20156%2028.1s63-107.5%2027.5-159.2L427.3%20113.3c-35.5-51.8-105.4-64.3-156-28.1c-28%2020-44.3%2050.8-47.3%2083V144c0-61.9-50.1-112-112-112S0%2082.1%200%20144m296.6%2064.2c-16-23.3-10-55.3%2011.9-71c21.2-15.1%2050.5-10.3%2066%2012.2l67%2097.6l-79.9%2056zM491%20407.7c-.8.6-1.6%201.1-2.4%201.6l4-2.8c-.5.4-1%20.8-1.6%201.2%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%20576%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M64%20144c0-26.5%2021.5-48%2048-48s48%2021.5%2048%2048v112H64zm-64%200v224c0%2061.9%2050.1%20112%20112%20112s112-50.1%20112-112V189.6c1.8%2019.1%208.2%2038%2019.8%2054.8l128.5%20187.3c35.5%2051.7%20105.3%2064.3%20156%2028.1s63-107.5%2027.5-159.2L427.3%20113.3c-35.5-51.8-105.4-64.3-156-28.1c-28%2020-44.3%2050.8-47.3%2083V144c0-61.9-50.1-112-112-112S0%2082.1%200%20144m296.6%2064.2c-16-23.3-10-55.3%2011.9-71c21.2-15.1%2050.5-10.3%2066%2012.2l67%2097.6l-79.9%2056zM491%20407.7c-.8.6-1.6%201.1-2.4%201.6l4-2.8c-.5.4-1%20.8-1.6%201.2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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