filter 3 icon

filter-3-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.

Name: filter-3-fill
Set: MingCute Icon
Style: Fill
Viewbox: 24×24
License: Apache 2.0

1 other variant in MingCute Icon

filter-3-line

The same icon in other sets

filter-3Material Symbols filter-3Material Symbols Light filter-3-fillRemix Icon filter-3TDesign Icons

Related icons in MingCute Icon

filter-2-fill

Use the filter 3 icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M3 6c0-.803.437-1.448.965-1.916c.53-.469 1.238-.846 2.027-1.142C7.578 2.347 9.702 2 12 2s4.422.347 6.008.942c.79.296 1.498.673 2.027 1.142C20.562 4.552 21 5.197 21 6c0 4.644-2.87 8.652-6.89 9.724a.2.2 0 0 0-.098.059q-.013.016-.012.017v4.005a1.25 1.25 0 0 1-.947 1.212l-1.5.375A1.25 1.25 0 0 1 10 20.18V15.8l-.012-.018a.2.2 0 0 0-.098-.058C5.87 14.652 3 10.644 3 6m2 0c0-.585 1.3-1.037 1.694-1.185C8.004 4.325 9.88 4 12 4s3.997.324 5.306.815C17.699 4.963 19 5.415 19 6s-1.3 1.037-1.694 1.185C15.996 7.675 14.12 8 12 8s-3.997-.324-5.306-.815C6.301 7.037 5 6.585 5 6" clip-rule="evenodd"/></svg>

React

import type { SVGProps } from "react";

export function MingcuteFilter3Fill(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M3 6c0-.803.437-1.448.965-1.916c.53-.469 1.238-.846 2.027-1.142C7.578 2.347 9.702 2 12 2s4.422.347 6.008.942c.79.296 1.498.673 2.027 1.142C20.562 4.552 21 5.197 21 6c0 4.644-2.87 8.652-6.89 9.724a.2.2 0 0 0-.098.059q-.013.016-.012.017v4.005a1.25 1.25 0 0 1-.947 1.212l-1.5.375A1.25 1.25 0 0 1 10 20.18V15.8l-.012-.018a.2.2 0 0 0-.098-.058C5.87 14.652 3 10.644 3 6m2 0c0-.585 1.3-1.037 1.694-1.185C8.004 4.325 9.88 4 12 4s3.997.324 5.306.815C17.699 4.963 19 5.415 19 6s-1.3 1.037-1.694 1.185C15.996 7.675 14.12 8 12 8s-3.997-.324-5.306-.815C6.301 7.037 5 6.585 5 6" clipRule="evenodd"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M3 6c0-.803.437-1.448.965-1.916c.53-.469 1.238-.846 2.027-1.142C7.578 2.347 9.702 2 12 2s4.422.347 6.008.942c.79.296 1.498.673 2.027 1.142C20.562 4.552 21 5.197 21 6c0 4.644-2.87 8.652-6.89 9.724a.2.2 0 0 0-.098.059q-.013.016-.012.017v4.005a1.25 1.25 0 0 1-.947 1.212l-1.5.375A1.25 1.25 0 0 1 10 20.18V15.8l-.012-.018a.2.2 0 0 0-.098-.058C5.87 14.652 3 10.644 3 6m2 0c0-.585 1.3-1.037 1.694-1.185C8.004 4.325 9.88 4 12 4s3.997.324 5.306.815C17.699 4.963 19 5.415 19 6s-1.3 1.037-1.694 1.185C15.996 7.675 14.12 8 12 8s-3.997-.324-5.306-.815C6.301 7.037 5 6.585 5 6" clip-rule="evenodd"/></svg>
</template>

CSS

.icon-filter-3-fill {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M3%206c0-.803.437-1.448.965-1.916c.53-.469%201.238-.846%202.027-1.142C7.578%202.347%209.702%202%2012%202s4.422.347%206.008.942c.79.296%201.498.673%202.027%201.142C20.562%204.552%2021%205.197%2021%206c0%204.644-2.87%208.652-6.89%209.724a.2.2%200%200%200-.098.059q-.013.016-.012.017v4.005a1.25%201.25%200%200%201-.947%201.212l-1.5.375A1.25%201.25%200%200%201%2010%2020.18V15.8l-.012-.018a.2.2%200%200%200-.098-.058C5.87%2014.652%203%2010.644%203%206m2%200c0-.585%201.3-1.037%201.694-1.185C8.004%204.325%209.88%204%2012%204s3.997.324%205.306.815C17.699%204.963%2019%205.415%2019%206s-1.3%201.037-1.694%201.185C15.996%207.675%2014.12%208%2012%208s-3.997-.324-5.306-.815C6.301%207.037%205%206.585%205%206%22%20clip-rule%3D%22evenodd%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M3%206c0-.803.437-1.448.965-1.916c.53-.469%201.238-.846%202.027-1.142C7.578%202.347%209.702%202%2012%202s4.422.347%206.008.942c.79.296%201.498.673%202.027%201.142C20.562%204.552%2021%205.197%2021%206c0%204.644-2.87%208.652-6.89%209.724a.2.2%200%200%200-.098.059q-.013.016-.012.017v4.005a1.25%201.25%200%200%201-.947%201.212l-1.5.375A1.25%201.25%200%200%201%2010%2020.18V15.8l-.012-.018a.2.2%200%200%200-.098-.058C5.87%2014.652%203%2010.644%203%206m2%200c0-.585%201.3-1.037%201.694-1.185C8.004%204.325%209.88%204%2012%204s3.997.324%205.306.815C17.699%204.963%2019%205.415%2019%206s-1.3%201.037-1.694%201.185C15.996%207.675%2014.12%208%2012%208s-3.997-.324-5.306-.815C6.301%207.037%205%206.585%205%206%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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