filter 2 icon

filter-2-filled from TDesign Icons by TDesign · Filled · MIT Free for personal and commercial use.

Name: filter-2-filled
Set: TDesign Icons
Style: Filled
Viewbox: 25×24
License: MIT

1 other variant in TDesign Icons

The same icon in other sets

filter-2Mage Icons filter-2Material Symbols filter-2Material Symbols Light filter-2-fillMingCute Icon filter-2-fillRemix Icon filter-2Tabler Icons

Related icons in TDesign Icons

filter-1 filter-3 filter-clear filter-off filter-sort

Use the filter 2 icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 25 24"><path fill="currentColor" d="m19.318 3.05l1.568-.78l.781-1.569l.781 1.569l1.569.78l-1.569.782l-.78 1.569l-.782-1.57zm-10.263.669L7.958 1.515L6.86 3.719L4.657 4.816L6.86 5.913l1.097 2.204l1.097-2.204l2.204-1.097zm8.499 9.664l-5.148-5.15L2.148 18.492l5.149 5.149zm4.832-4.833l-5.149-5.148L13.82 6.82l5.149 5.15z"/></svg>

React

import type { SVGProps } from "react";

export function TdesignFilter2Filled(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 25 24"><path fill="currentColor" d="m19.318 3.05l1.568-.78l.781-1.569l.781 1.569l1.569.78l-1.569.782l-.78 1.569l-.782-1.57zm-10.263.669L7.958 1.515L6.86 3.719L4.657 4.816L6.86 5.913l1.097 2.204l1.097-2.204l2.204-1.097zm8.499 9.664l-5.148-5.15L2.148 18.492l5.149 5.149zm4.832-4.833l-5.149-5.148L13.82 6.82l5.149 5.15z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 25 24"><path fill="currentColor" d="m19.318 3.05l1.568-.78l.781-1.569l.781 1.569l1.569.78l-1.569.782l-.78 1.569l-.782-1.57zm-10.263.669L7.958 1.515L6.86 3.719L4.657 4.816L6.86 5.913l1.097 2.204l1.097-2.204l2.204-1.097zm8.499 9.664l-5.148-5.15L2.148 18.492l5.149 5.149zm4.832-4.833l-5.149-5.148L13.82 6.82l5.149 5.15z"/></svg>
</template>

CSS

.icon-filter-2-filled {
  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%2025%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m19.318%203.05l1.568-.78l.781-1.569l.781%201.569l1.569.78l-1.569.782l-.78%201.569l-.782-1.57zm-10.263.669L7.958%201.515L6.86%203.719L4.657%204.816L6.86%205.913l1.097%202.204l1.097-2.204l2.204-1.097zm8.499%209.664l-5.148-5.15L2.148%2018.492l5.149%205.149zm4.832-4.833l-5.149-5.148L13.82%206.82l5.149%205.15z%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%2025%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m19.318%203.05l1.568-.78l.781-1.569l.781%201.569l1.569.78l-1.569.782l-.78%201.569l-.782-1.57zm-10.263.669L7.958%201.515L6.86%203.719L4.657%204.816L6.86%205.913l1.097%202.204l1.097-2.204l2.204-1.097zm8.499%209.664l-5.148-5.15L2.148%2018.492l5.149%205.149zm4.832-4.833l-5.149-5.148L13.82%206.82l5.149%205.15z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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