filter one icon
filter-one-solid from Myna UI Icons by Praveen Juge · Solid · MIT Free for personal and commercial use.
- Name
- filter-one-solid
- Set
- Myna UI Icons
- Style
- Solid
- Viewbox
- 24×24
- License
- MIT
1 other variant in Myna UI Icons
The same icon in other sets
Use the filter one icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.175 3.25h9.65c.46 0 .855 0 1.167.028c.31.029.679.094.986.33c.406.313.652.79.672 1.3c.015.389-.145.727-.301.997c-.157.27-.386.593-.652.968L15.43 11.48c-.337.474-.448.636-.526.806a2.2 2.2 0 0 0-.163.51c-.034.184-.037.38-.037.962v5.872a.75.75 0 0 1-.41.668c-.99.505-2.203.608-3.205.202c-1.057-.427-1.812-1.401-1.793-2.829v-3.913c0-.582-.003-.778-.037-.961a2.2 2.2 0 0 0-.163-.511c-.078-.17-.19-.332-.526-.806L5.303 6.873a14 14 0 0 1-.652-.968c-.156-.27-.316-.608-.301-.996c.02-.512.266-.988.672-1.3c.307-.237.676-.302.986-.33c.312-.029.708-.029 1.167-.029m3.673 14.94c.119.485.427.767.804.92c.423.171.97.188 1.499.035a1.3 1.3 0 0 0-.194-.448a1.27 1.27 0 0 0-.608-.463c-.418-.162-.963-.178-1.5-.043"/></svg>
React
import type { SVGProps } from "react";
export function MynauiFilterOneSolid(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" d="M7.175 3.25h9.65c.46 0 .855 0 1.167.028c.31.029.679.094.986.33c.406.313.652.79.672 1.3c.015.389-.145.727-.301.997c-.157.27-.386.593-.652.968L15.43 11.48c-.337.474-.448.636-.526.806a2.2 2.2 0 0 0-.163.51c-.034.184-.037.38-.037.962v5.872a.75.75 0 0 1-.41.668c-.99.505-2.203.608-3.205.202c-1.057-.427-1.812-1.401-1.793-2.829v-3.913c0-.582-.003-.778-.037-.961a2.2 2.2 0 0 0-.163-.511c-.078-.17-.19-.332-.526-.806L5.303 6.873a14 14 0 0 1-.652-.968c-.156-.27-.316-.608-.301-.996c.02-.512.266-.988.672-1.3c.307-.237.676-.302.986-.33c.312-.029.708-.029 1.167-.029m3.673 14.94c.119.485.427.767.804.92c.423.171.97.188 1.499.035a1.3 1.3 0 0 0-.194-.448a1.27 1.27 0 0 0-.608-.463c-.418-.162-.963-.178-1.5-.043"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.175 3.25h9.65c.46 0 .855 0 1.167.028c.31.029.679.094.986.33c.406.313.652.79.672 1.3c.015.389-.145.727-.301.997c-.157.27-.386.593-.652.968L15.43 11.48c-.337.474-.448.636-.526.806a2.2 2.2 0 0 0-.163.51c-.034.184-.037.38-.037.962v5.872a.75.75 0 0 1-.41.668c-.99.505-2.203.608-3.205.202c-1.057-.427-1.812-1.401-1.793-2.829v-3.913c0-.582-.003-.778-.037-.961a2.2 2.2 0 0 0-.163-.511c-.078-.17-.19-.332-.526-.806L5.303 6.873a14 14 0 0 1-.652-.968c-.156-.27-.316-.608-.301-.996c.02-.512.266-.988.672-1.3c.307-.237.676-.302.986-.33c.312-.029.708-.029 1.167-.029m3.673 14.94c.119.485.427.767.804.92c.423.171.97.188 1.499.035a1.3 1.3 0 0 0-.194-.448a1.27 1.27 0 0 0-.608-.463c-.418-.162-.963-.178-1.5-.043"/></svg> </template>
CSS
.icon-filter-one-solid {
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%20d%3D%22M7.175%203.25h9.65c.46%200%20.855%200%201.167.028c.31.029.679.094.986.33c.406.313.652.79.672%201.3c.015.389-.145.727-.301.997c-.157.27-.386.593-.652.968L15.43%2011.48c-.337.474-.448.636-.526.806a2.2%202.2%200%200%200-.163.51c-.034.184-.037.38-.037.962v5.872a.75.75%200%200%201-.41.668c-.99.505-2.203.608-3.205.202c-1.057-.427-1.812-1.401-1.793-2.829v-3.913c0-.582-.003-.778-.037-.961a2.2%202.2%200%200%200-.163-.511c-.078-.17-.19-.332-.526-.806L5.303%206.873a14%2014%200%200%201-.652-.968c-.156-.27-.316-.608-.301-.996c.02-.512.266-.988.672-1.3c.307-.237.676-.302.986-.33c.312-.029.708-.029%201.167-.029m3.673%2014.94c.119.485.427.767.804.92c.423.171.97.188%201.499.035a1.3%201.3%200%200%200-.194-.448a1.27%201.27%200%200%200-.608-.463c-.418-.162-.963-.178-1.5-.043%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%20d%3D%22M7.175%203.25h9.65c.46%200%20.855%200%201.167.028c.31.029.679.094.986.33c.406.313.652.79.672%201.3c.015.389-.145.727-.301.997c-.157.27-.386.593-.652.968L15.43%2011.48c-.337.474-.448.636-.526.806a2.2%202.2%200%200%200-.163.51c-.034.184-.037.38-.037.962v5.872a.75.75%200%200%201-.41.668c-.99.505-2.203.608-3.205.202c-1.057-.427-1.812-1.401-1.793-2.829v-3.913c0-.582-.003-.778-.037-.961a2.2%202.2%200%200%200-.163-.511c-.078-.17-.19-.332-.526-.806L5.303%206.873a14%2014%200%200%201-.652-.968c-.156-.27-.316-.608-.301-.996c.02-.512.266-.988.672-1.3c.307-.237.676-.302.986-.33c.312-.029.708-.029%201.167-.029m3.673%2014.94c.119.485.427.767.804.92c.423.171.97.188%201.499.035a1.3%201.3%200%200%200-.194-.448a1.27%201.27%200%200%200-.608-.463c-.418-.162-.963-.178-1.5-.043%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mynaui/filter-one-solid.svg?color=%231a73e8&size=48
