fill drip icon

fill-drip from Font Awesome 6 Solid by Dave Gandy · Regular · Design · CC-BY-4.0 Attribution required.

Name
fill-drip
Set
Font Awesome 6 Solid
Style
Regular
Category
Design
Viewbox
576×512
License
CC BY 4.0

The same icon in other sets

fill-dripFont Awesome Solidfill-dripLine Awesome

More design icons from Font Awesome 6 Solid

bezier-curveclonecropcrosshairsdraw-polygoneyeeye-droppereye-slashfilllayer-groupobject-groupobject-ungrouppalettesplotchspray-canstampswatchbookvector-square

Use the fill drip icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M41.4 9.4c12.5-12.5 32.7-12.5 45.2 0L168 90.7l53.1-53.1c28.1-28.1 73.7-28.1 101.8 0l151.4 151.5c28.1 28.1 28.1 73.7 0 101.8L283.9 481.4c-37.5 37.5-98.3 37.5-135.8 0L30.6 363.9c-37.5-37.5-37.5-98.3 0-135.8l92.1-92.1l-81.3-81.4c-12.5-12.5-12.5-32.8 0-45.3zm176 221.3L168 181.3l-92.1 92.1c-4.2 4.2-7 9.3-8.4 14.6h319.2l42.3-42.3c3.1-3.1 3.1-8.2 0-11.3L277.7 82.9c-3.1-3.1-8.2-3.1-11.3 0L213.3 136l49.4 49.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0M512 512c-35.3 0-64-28.7-64-64c0-25.2 32.6-79.6 51.2-108.7c6-9.4 19.5-9.4 25.5 0C543.4 368.4 576 422.8 576 448c0 35.3-28.7 64-64 64"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidFillDrip(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="M41.4 9.4c12.5-12.5 32.7-12.5 45.2 0L168 90.7l53.1-53.1c28.1-28.1 73.7-28.1 101.8 0l151.4 151.5c28.1 28.1 28.1 73.7 0 101.8L283.9 481.4c-37.5 37.5-98.3 37.5-135.8 0L30.6 363.9c-37.5-37.5-37.5-98.3 0-135.8l92.1-92.1l-81.3-81.4c-12.5-12.5-12.5-32.8 0-45.3zm176 221.3L168 181.3l-92.1 92.1c-4.2 4.2-7 9.3-8.4 14.6h319.2l42.3-42.3c3.1-3.1 3.1-8.2 0-11.3L277.7 82.9c-3.1-3.1-8.2-3.1-11.3 0L213.3 136l49.4 49.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0M512 512c-35.3 0-64-28.7-64-64c0-25.2 32.6-79.6 51.2-108.7c6-9.4 19.5-9.4 25.5 0C543.4 368.4 576 422.8 576 448c0 35.3-28.7 64-64 64"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M41.4 9.4c12.5-12.5 32.7-12.5 45.2 0L168 90.7l53.1-53.1c28.1-28.1 73.7-28.1 101.8 0l151.4 151.5c28.1 28.1 28.1 73.7 0 101.8L283.9 481.4c-37.5 37.5-98.3 37.5-135.8 0L30.6 363.9c-37.5-37.5-37.5-98.3 0-135.8l92.1-92.1l-81.3-81.4c-12.5-12.5-12.5-32.8 0-45.3zm176 221.3L168 181.3l-92.1 92.1c-4.2 4.2-7 9.3-8.4 14.6h319.2l42.3-42.3c3.1-3.1 3.1-8.2 0-11.3L277.7 82.9c-3.1-3.1-8.2-3.1-11.3 0L213.3 136l49.4 49.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0M512 512c-35.3 0-64-28.7-64-64c0-25.2 32.6-79.6 51.2-108.7c6-9.4 19.5-9.4 25.5 0C543.4 368.4 576 422.8 576 448c0 35.3-28.7 64-64 64"/></svg>
</template>

CSS

.icon-fill-drip {
  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%22M41.4%209.4c12.5-12.5%2032.7-12.5%2045.2%200L168%2090.7l53.1-53.1c28.1-28.1%2073.7-28.1%20101.8%200l151.4%20151.5c28.1%2028.1%2028.1%2073.7%200%20101.8L283.9%20481.4c-37.5%2037.5-98.3%2037.5-135.8%200L30.6%20363.9c-37.5-37.5-37.5-98.3%200-135.8l92.1-92.1l-81.3-81.4c-12.5-12.5-12.5-32.8%200-45.3zm176%20221.3L168%20181.3l-92.1%2092.1c-4.2%204.2-7%209.3-8.4%2014.6h319.2l42.3-42.3c3.1-3.1%203.1-8.2%200-11.3L277.7%2082.9c-3.1-3.1-8.2-3.1-11.3%200L213.3%20136l49.4%2049.4c12.5%2012.5%2012.5%2032.8%200%2045.3s-32.8%2012.5-45.3%200M512%20512c-35.3%200-64-28.7-64-64c0-25.2%2032.6-79.6%2051.2-108.7c6-9.4%2019.5-9.4%2025.5%200C543.4%20368.4%20576%20422.8%20576%20448c0%2035.3-28.7%2064-64%2064%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%22M41.4%209.4c12.5-12.5%2032.7-12.5%2045.2%200L168%2090.7l53.1-53.1c28.1-28.1%2073.7-28.1%20101.8%200l151.4%20151.5c28.1%2028.1%2028.1%2073.7%200%20101.8L283.9%20481.4c-37.5%2037.5-98.3%2037.5-135.8%200L30.6%20363.9c-37.5-37.5-37.5-98.3%200-135.8l92.1-92.1l-81.3-81.4c-12.5-12.5-12.5-32.8%200-45.3zm176%20221.3L168%20181.3l-92.1%2092.1c-4.2%204.2-7%209.3-8.4%2014.6h319.2l42.3-42.3c3.1-3.1%203.1-8.2%200-11.3L277.7%2082.9c-3.1-3.1-8.2-3.1-11.3%200L213.3%20136l49.4%2049.4c12.5%2012.5%2012.5%2032.8%200%2045.3s-32.8%2012.5-45.3%200M512%20512c-35.3%200-64-28.7-64-64c0-25.2%2032.6-79.6%2051.2-108.7c6-9.4%2019.5-9.4%2025.5%200C543.4%20368.4%20576%20422.8%20576%20448c0%2035.3-28.7%2064-64%2064%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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