fill drip icon

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

Name
fill-drip
Set
Font Awesome Solid
Style
Solid
Category
Design
Viewbox
640×640
License
CC BY 4.0

The same icon in other sets

fill-dripFont Awesome 6 Solidfill-dripLine Awesome

More design icons from Font Awesome Solid

adjustbezier-curveclonecropcrop-altcrosshairsdraw-polygoneyeeye-droppereye-slashfilllayer-groupmagicobject-groupobject-ungrouppaint-brushpalettesplotchspray-canstampswatchbooktinttint-slash

Use the fill drip icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M341.7 135.6L277.3 200l33.4 33.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L232 245.3l-96.4 96.4c-2.9 2.9-5.1 6.5-6.3 10.3h321.5l53.7-53.7c4.9-4.9 7.6-11.5 7.6-18.3s-2.7-13.5-7.6-18.3L378.3 135.6c-4.8-4.9-11.4-7.6-18.3-7.6s-13.5 2.7-18.3 7.6M90.3 296.4l96.4-96.4l-49.4-49.4c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l49.4 49.4l64.4-64.4C313.3 73.5 336.1 64 360 64s46.7 9.5 63.6 26.3l126.1 126.1c16.8 16.9 26.3 39.7 26.3 63.6s-9.5 46.7-26.3 63.6L343.6 549.7C326.7 566.5 303.9 576 280 576s-46.7-9.5-63.6-26.3L90.3 423.6C73.5 406.7 64 383.9 64 360s9.5-46.7 26.3-63.6M544 608c-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 0c18.7 29.1 51.2 83.5 51.2 108.7c0 35.3-28.7 64-64 64z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidFillDrip(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="M341.7 135.6L277.3 200l33.4 33.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L232 245.3l-96.4 96.4c-2.9 2.9-5.1 6.5-6.3 10.3h321.5l53.7-53.7c4.9-4.9 7.6-11.5 7.6-18.3s-2.7-13.5-7.6-18.3L378.3 135.6c-4.8-4.9-11.4-7.6-18.3-7.6s-13.5 2.7-18.3 7.6M90.3 296.4l96.4-96.4l-49.4-49.4c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l49.4 49.4l64.4-64.4C313.3 73.5 336.1 64 360 64s46.7 9.5 63.6 26.3l126.1 126.1c16.8 16.9 26.3 39.7 26.3 63.6s-9.5 46.7-26.3 63.6L343.6 549.7C326.7 566.5 303.9 576 280 576s-46.7-9.5-63.6-26.3L90.3 423.6C73.5 406.7 64 383.9 64 360s9.5-46.7 26.3-63.6M544 608c-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 0c18.7 29.1 51.2 83.5 51.2 108.7c0 35.3-28.7 64-64 64z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M341.7 135.6L277.3 200l33.4 33.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L232 245.3l-96.4 96.4c-2.9 2.9-5.1 6.5-6.3 10.3h321.5l53.7-53.7c4.9-4.9 7.6-11.5 7.6-18.3s-2.7-13.5-7.6-18.3L378.3 135.6c-4.8-4.9-11.4-7.6-18.3-7.6s-13.5 2.7-18.3 7.6M90.3 296.4l96.4-96.4l-49.4-49.4c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l49.4 49.4l64.4-64.4C313.3 73.5 336.1 64 360 64s46.7 9.5 63.6 26.3l126.1 126.1c16.8 16.9 26.3 39.7 26.3 63.6s-9.5 46.7-26.3 63.6L343.6 549.7C326.7 566.5 303.9 576 280 576s-46.7-9.5-63.6-26.3L90.3 423.6C73.5 406.7 64 383.9 64 360s9.5-46.7 26.3-63.6M544 608c-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 0c18.7 29.1 51.2 83.5 51.2 108.7c0 35.3-28.7 64-64 64z"/></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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M341.7%20135.6L277.3%20200l33.4%2033.4c12.5%2012.5%2012.5%2032.8%200%2045.3s-32.8%2012.5-45.3%200L232%20245.3l-96.4%2096.4c-2.9%202.9-5.1%206.5-6.3%2010.3h321.5l53.7-53.7c4.9-4.9%207.6-11.5%207.6-18.3s-2.7-13.5-7.6-18.3L378.3%20135.6c-4.8-4.9-11.4-7.6-18.3-7.6s-13.5%202.7-18.3%207.6M90.3%20296.4l96.4-96.4l-49.4-49.4c-12.5-12.5-12.5-32.8%200-45.3s32.8-12.5%2045.3%200l49.4%2049.4l64.4-64.4C313.3%2073.5%20336.1%2064%20360%2064s46.7%209.5%2063.6%2026.3l126.1%20126.1c16.8%2016.9%2026.3%2039.7%2026.3%2063.6s-9.5%2046.7-26.3%2063.6L343.6%20549.7C326.7%20566.5%20303.9%20576%20280%20576s-46.7-9.5-63.6-26.3L90.3%20423.6C73.5%20406.7%2064%20383.9%2064%20360s9.5-46.7%2026.3-63.6M544%20608c-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%200c18.7%2029.1%2051.2%2083.5%2051.2%20108.7c0%2035.3-28.7%2064-64%2064z%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%22M341.7%20135.6L277.3%20200l33.4%2033.4c12.5%2012.5%2012.5%2032.8%200%2045.3s-32.8%2012.5-45.3%200L232%20245.3l-96.4%2096.4c-2.9%202.9-5.1%206.5-6.3%2010.3h321.5l53.7-53.7c4.9-4.9%207.6-11.5%207.6-18.3s-2.7-13.5-7.6-18.3L378.3%20135.6c-4.8-4.9-11.4-7.6-18.3-7.6s-13.5%202.7-18.3%207.6M90.3%20296.4l96.4-96.4l-49.4-49.4c-12.5-12.5-12.5-32.8%200-45.3s32.8-12.5%2045.3%200l49.4%2049.4l64.4-64.4C313.3%2073.5%20336.1%2064%20360%2064s46.7%209.5%2063.6%2026.3l126.1%20126.1c16.8%2016.9%2026.3%2039.7%2026.3%2063.6s-9.5%2046.7-26.3%2063.6L343.6%20549.7C326.7%20566.5%20303.9%20576%20280%20576s-46.7-9.5-63.6-26.3L90.3%20423.6C73.5%20406.7%2064%20383.9%2064%20360s9.5-46.7%2026.3-63.6M544%20608c-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%200c18.7%2029.1%2051.2%2083.5%2051.2%20108.7c0%2035.3-28.7%2064-64%2064z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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

Fill Drip solid icon — Font Awesome Solid · IconsDB