reduce two icon
reduce-two from IconPark by ByteDance · Color · Edit · Apache-2.0 Free for personal and commercial use.
- Name
- reduce-two
- Set
- IconPark
- Style
- Color
- Category
- Edit
- Viewbox
- 48×48
- License
- Apache 2.0
The same icon in other sets
More edit icons from IconPark
Use the reduce two icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><rect width="36" height="36" x="6" y="6" fill="#2F88FF" stroke="#000" stroke-width="4" rx="3"/><path fill="#fff" d="M17 30H12.4142C11.5233 30 11.0771 31.0771 11.7071 31.7071L16.2929 36.2929C16.9229 36.9229 18 36.4767 18 35.5858V31C18 30.4477 17.5523 30 17 30Z"/><path fill="#fff" d="M30 31V35.5858C30 36.4767 31.0771 36.9229 31.7071 36.2929L36.2929 31.7071C36.9229 31.0771 36.4767 30 35.5858 30H31C30.4477 30 30 30.4477 30 31Z"/><path fill="#fff" d="M31 18H35.5858C36.4767 18 36.9229 16.9229 36.2929 16.2929L31.7071 11.7071C31.0771 11.0771 30 11.5233 30 12.4142V17C30 17.5523 30.4477 18 31 18Z"/><path fill="#fff" d="M18 17V12.4142C18 11.5233 16.9229 11.0771 16.2929 11.7071L11.7071 16.2929C11.0771 16.9229 11.5233 18 12.4142 18H17C17.5523 18 18 17.5523 18 17Z"/></g></svg>
React
import type { SVGProps } from "react";
export function IconParkReduceTwo(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><rect width="36" height="36" x="6" y="6" fill="#2F88FF" stroke="#000" strokeWidth="4" rx="3"/><path fill="#fff" d="M17 30H12.4142C11.5233 30 11.0771 31.0771 11.7071 31.7071L16.2929 36.2929C16.9229 36.9229 18 36.4767 18 35.5858V31C18 30.4477 17.5523 30 17 30Z"/><path fill="#fff" d="M30 31V35.5858C30 36.4767 31.0771 36.9229 31.7071 36.2929L36.2929 31.7071C36.9229 31.0771 36.4767 30 35.5858 30H31C30.4477 30 30 30.4477 30 31Z"/><path fill="#fff" d="M31 18H35.5858C36.4767 18 36.9229 16.9229 36.2929 16.2929L31.7071 11.7071C31.0771 11.0771 30 11.5233 30 12.4142V17C30 17.5523 30.4477 18 31 18Z"/><path fill="#fff" d="M18 17V12.4142C18 11.5233 16.9229 11.0771 16.2929 11.7071L11.7071 16.2929C11.0771 16.9229 11.5233 18 12.4142 18H17C17.5523 18 18 17.5523 18 17Z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><rect width="36" height="36" x="6" y="6" fill="#2F88FF" stroke="#000" stroke-width="4" rx="3"/><path fill="#fff" d="M17 30H12.4142C11.5233 30 11.0771 31.0771 11.7071 31.7071L16.2929 36.2929C16.9229 36.9229 18 36.4767 18 35.5858V31C18 30.4477 17.5523 30 17 30Z"/><path fill="#fff" d="M30 31V35.5858C30 36.4767 31.0771 36.9229 31.7071 36.2929L36.2929 31.7071C36.9229 31.0771 36.4767 30 35.5858 30H31C30.4477 30 30 30.4477 30 31Z"/><path fill="#fff" d="M31 18H35.5858C36.4767 18 36.9229 16.9229 36.2929 16.2929L31.7071 11.7071C31.0771 11.0771 30 11.5233 30 12.4142V17C30 17.5523 30.4477 18 31 18Z"/><path fill="#fff" d="M18 17V12.4142C18 11.5233 16.9229 11.0771 16.2929 11.7071L11.7071 16.2929C11.0771 16.9229 11.5233 18 12.4142 18H17C17.5523 18 18 17.5523 18 17Z"/></g></svg> </template>
CSS
.icon-reduce-two {
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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%3E%3Crect%20width%3D%2236%22%20height%3D%2236%22%20x%3D%226%22%20y%3D%226%22%20fill%3D%22%232F88FF%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%20rx%3D%223%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M17%2030H12.4142C11.5233%2030%2011.0771%2031.0771%2011.7071%2031.7071L16.2929%2036.2929C16.9229%2036.9229%2018%2036.4767%2018%2035.5858V31C18%2030.4477%2017.5523%2030%2017%2030Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M30%2031V35.5858C30%2036.4767%2031.0771%2036.9229%2031.7071%2036.2929L36.2929%2031.7071C36.9229%2031.0771%2036.4767%2030%2035.5858%2030H31C30.4477%2030%2030%2030.4477%2030%2031Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M31%2018H35.5858C36.4767%2018%2036.9229%2016.9229%2036.2929%2016.2929L31.7071%2011.7071C31.0771%2011.0771%2030%2011.5233%2030%2012.4142V17C30%2017.5523%2030.4477%2018%2031%2018Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M18%2017V12.4142C18%2011.5233%2016.9229%2011.0771%2016.2929%2011.7071L11.7071%2016.2929C11.0771%2016.9229%2011.5233%2018%2012.4142%2018H17C17.5523%2018%2018%2017.5523%2018%2017Z%22%2F%3E%3C%2Fg%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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%3E%3Crect%20width%3D%2236%22%20height%3D%2236%22%20x%3D%226%22%20y%3D%226%22%20fill%3D%22%232F88FF%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%20rx%3D%223%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M17%2030H12.4142C11.5233%2030%2011.0771%2031.0771%2011.7071%2031.7071L16.2929%2036.2929C16.9229%2036.9229%2018%2036.4767%2018%2035.5858V31C18%2030.4477%2017.5523%2030%2017%2030Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M30%2031V35.5858C30%2036.4767%2031.0771%2036.9229%2031.7071%2036.2929L36.2929%2031.7071C36.9229%2031.0771%2036.4767%2030%2035.5858%2030H31C30.4477%2030%2030%2030.4477%2030%2031Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M31%2018H35.5858C36.4767%2018%2036.9229%2016.9229%2036.2929%2016.2929L31.7071%2011.7071C31.0771%2011.0771%2030%2011.5233%2030%2012.4142V17C30%2017.5523%2030.4477%2018%2031%2018Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M18%2017V12.4142C18%2011.5233%2016.9229%2011.0771%2016.2929%2011.7071L11.7071%2016.2929C11.0771%2016.9229%2011.5233%2018%2012.4142%2018H17C17.5523%2018%2018%2017.5523%2018%2017Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/icon-park/reduce-two.svg?color=%231a73e8&size=48
