filter icon
filter-broken from Solar by 480 Design · Broken · UI · CC-BY-4.0 Attribution required.
- Name
- filter-broken
- Set
- Solar
- Style
- Broken
- Category
- UI
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
filterAkar IconsfilterBootstrap IconsfilterBoxIcons v2filterCarbonfilterFont Awesome 6 SolidfilterFeather Iconsfilter-12-filledFluent UI System IconsfilterHuge IconsfilterIconoirfilterIonIconsfilterJam IconsfilterLine AwesomefilterMaterial Line IconsfilterLucidefilterMage IconsfilterMajesticonsfilterMaterial SymbolsfilterMaterial Design Iconsfilter-fillMingCute Iconfilter-16OcticonsfilterOpenMojifilterPixelarticonsfilterRadix Iconsfilter-fillRemix Icon
More ui icons from Solar
accessibility-boldadd-boldadd-circle-boldadd-square-boldaugmented-reality-boldballoon-boldbattery-charge-boldbattery-charge-minimalistic-boldbattery-full-boldbattery-full-minimalistic-boldbattery-half-boldbattery-half-minimalistic-boldbattery-low-boldbattery-low-minimalistic-boldblocks-boldbody-boldbolt-boldbolt-circle-boldbox-boldbox-minimalistic-boldbroom-boldcat-boldcheck-circle-boldcheck-square-bold
Use the filter icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="M20.058 9.72255C21.0065 9.18858 21.4808 8.9216 21.7404 8.49142C22 8.06124 22 7.54232 22 6.50448V5.81466C22 4.48782 22 3.8244 21.5607 3.4122C21.1213 3 20.4142 3 19 3H5C3.58579 3 2.87868 3 2.43934 3.4122C2 3.8244 2 4.48782 2 5.81466V6.50448C2 7.54232 2 8.06124 2.2596 8.49142C2.5192 8.9216 2.99347 9.18858 3.94202 9.72255L6.85504 11.3624C7.49146 11.7206 7.80967 11.8998 8.03751 12.0976C8.51199 12.5095 8.80408 12.9935 8.93644 13.5872C9 13.8722 9 14.2058 9 14.8729L9 17.5424C9 18.452 9 18.9067 9.25192 19.2613C9.50385 19.6158 9.95128 19.7907 10.8462 20.1406C12.7248 20.875 13.6641 21.2422 14.3321 20.8244C15 20.4066 15 19.4519 15 17.5424V14.8729C15 14.2058 15 13.8722 15.0636 13.5872C15.1959 12.9935 15.488 12.5095 15.9625 12.0976"/></svg>
React
import type { SVGProps } from "react";
export function SolarFilterBroken(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeWidth="1.5" d="M20.058 9.72255C21.0065 9.18858 21.4808 8.9216 21.7404 8.49142C22 8.06124 22 7.54232 22 6.50448V5.81466C22 4.48782 22 3.8244 21.5607 3.4122C21.1213 3 20.4142 3 19 3H5C3.58579 3 2.87868 3 2.43934 3.4122C2 3.8244 2 4.48782 2 5.81466V6.50448C2 7.54232 2 8.06124 2.2596 8.49142C2.5192 8.9216 2.99347 9.18858 3.94202 9.72255L6.85504 11.3624C7.49146 11.7206 7.80967 11.8998 8.03751 12.0976C8.51199 12.5095 8.80408 12.9935 8.93644 13.5872C9 13.8722 9 14.2058 9 14.8729L9 17.5424C9 18.452 9 18.9067 9.25192 19.2613C9.50385 19.6158 9.95128 19.7907 10.8462 20.1406C12.7248 20.875 13.6641 21.2422 14.3321 20.8244C15 20.4066 15 19.4519 15 17.5424V14.8729C15 14.2058 15 13.8722 15.0636 13.5872C15.1959 12.9935 15.488 12.5095 15.9625 12.0976"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="M20.058 9.72255C21.0065 9.18858 21.4808 8.9216 21.7404 8.49142C22 8.06124 22 7.54232 22 6.50448V5.81466C22 4.48782 22 3.8244 21.5607 3.4122C21.1213 3 20.4142 3 19 3H5C3.58579 3 2.87868 3 2.43934 3.4122C2 3.8244 2 4.48782 2 5.81466V6.50448C2 7.54232 2 8.06124 2.2596 8.49142C2.5192 8.9216 2.99347 9.18858 3.94202 9.72255L6.85504 11.3624C7.49146 11.7206 7.80967 11.8998 8.03751 12.0976C8.51199 12.5095 8.80408 12.9935 8.93644 13.5872C9 13.8722 9 14.2058 9 14.8729L9 17.5424C9 18.452 9 18.9067 9.25192 19.2613C9.50385 19.6158 9.95128 19.7907 10.8462 20.1406C12.7248 20.875 13.6641 21.2422 14.3321 20.8244C15 20.4066 15 19.4519 15 17.5424V14.8729C15 14.2058 15 13.8722 15.0636 13.5872C15.1959 12.9935 15.488 12.5095 15.9625 12.0976"/></svg> </template>
CSS
.icon-filter-broken {
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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M20.058%209.72255C21.0065%209.18858%2021.4808%208.9216%2021.7404%208.49142C22%208.06124%2022%207.54232%2022%206.50448V5.81466C22%204.48782%2022%203.8244%2021.5607%203.4122C21.1213%203%2020.4142%203%2019%203H5C3.58579%203%202.87868%203%202.43934%203.4122C2%203.8244%202%204.48782%202%205.81466V6.50448C2%207.54232%202%208.06124%202.2596%208.49142C2.5192%208.9216%202.99347%209.18858%203.94202%209.72255L6.85504%2011.3624C7.49146%2011.7206%207.80967%2011.8998%208.03751%2012.0976C8.51199%2012.5095%208.80408%2012.9935%208.93644%2013.5872C9%2013.8722%209%2014.2058%209%2014.8729L9%2017.5424C9%2018.452%209%2018.9067%209.25192%2019.2613C9.50385%2019.6158%209.95128%2019.7907%2010.8462%2020.1406C12.7248%2020.875%2013.6641%2021.2422%2014.3321%2020.8244C15%2020.4066%2015%2019.4519%2015%2017.5424V14.8729C15%2014.2058%2015%2013.8722%2015.0636%2013.5872C15.1959%2012.9935%2015.488%2012.5095%2015.9625%2012.0976%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M20.058%209.72255C21.0065%209.18858%2021.4808%208.9216%2021.7404%208.49142C22%208.06124%2022%207.54232%2022%206.50448V5.81466C22%204.48782%2022%203.8244%2021.5607%203.4122C21.1213%203%2020.4142%203%2019%203H5C3.58579%203%202.87868%203%202.43934%203.4122C2%203.8244%202%204.48782%202%205.81466V6.50448C2%207.54232%202%208.06124%202.2596%208.49142C2.5192%208.9216%202.99347%209.18858%203.94202%209.72255L6.85504%2011.3624C7.49146%2011.7206%207.80967%2011.8998%208.03751%2012.0976C8.51199%2012.5095%208.80408%2012.9935%208.93644%2013.5872C9%2013.8722%209%2014.2058%209%2014.8729L9%2017.5424C9%2018.452%209%2018.9067%209.25192%2019.2613C9.50385%2019.6158%209.95128%2019.7907%2010.8462%2020.1406C12.7248%2020.875%2013.6641%2021.2422%2014.3321%2020.8244C15%2020.4066%2015%2019.4519%2015%2017.5424V14.8729C15%2014.2058%2015%2013.8722%2015.0636%2013.5872C15.1959%2012.9935%2015.488%2012.5095%2015.9625%2012.0976%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/filter-broken.svg?color=%231a73e8&size=48
