minimize icon
minimize-outline from Solar by 480 Design · Outline · Arrows Action · CC-BY-4.0 Attribution required.
- Name
- minimize-outline
- Set
- Solar
- Style
- Outline
- Category
- Arrows Action
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
minimizeCarbonminimize-fillEva IconsminimizeFont Awesome 6 SolidminimizeFont Awesome SolidminimizeFeather Iconsminimize-outlineFlowbite Iconsminimize-24-regularFluent UI System IconsminimizeFirefox OS Emojiminimizecss.ggminimizeHuge IconsminimizeLucideminimizeMage IconsminimizeMajesticonsminimizeMaterial SymbolsminimizeMaterial Symbols Lightminimize-fillMingCute IconminimizeMyna UI Iconsminimize-16OcticonsminimizeRadix IconsminimizeTabler Icons
More arrows action icons from Solar
arrow-to-down-left-boldarrow-to-down-right-boldarrow-to-top-left-boldarrow-to-top-right-boldcircle-bottom-down-boldcircle-bottom-up-boldcircle-top-down-boldcircle-top-up-bolddownload-bolddownload-minimalistic-bolddownload-square-bolddownload-twice-square-boldexit-boldexport-boldforward-2-boldforward-boldimport-boldlogin-2-boldlogin-3-boldlogin-boldlogout-2-boldlogout-3-boldlogout-boldmaximize-bold
Use the minimize icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M20.8571 9.75C21.2714 9.75 21.6071 9.41421 21.6071 9C21.6071 8.58579 21.2714 8.25 20.8571 8.25H16.8107L22.5303 2.53033C22.8232 2.23744 22.8232 1.76256 22.5303 1.46967C22.2374 1.17678 21.7626 1.17678 21.4697 1.46967L15.75 7.18934V3.14286C15.75 2.72864 15.4142 2.39286 15 2.39286C14.5858 2.39286 14.25 2.72864 14.25 3.14286V9C14.25 9.41421 14.5858 9.75 15 9.75H20.8571Z"/><path d="M3.14286 14.25C2.72864 14.25 2.39286 14.5858 2.39286 15C2.39286 15.4142 2.72864 15.75 3.14286 15.75H7.18934L1.46967 21.4697C1.17678 21.7626 1.17678 22.2374 1.46967 22.5303C1.76256 22.8232 2.23744 22.8232 2.53033 22.5303L8.25 16.8107V20.8571C8.25 21.2714 8.58579 21.6071 9 21.6071C9.41421 21.6071 9.75 21.2714 9.75 20.8571V15C9.75 14.5858 9.41421 14.25 9 14.25H3.14286Z"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarMinimizeOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M20.8571 9.75C21.2714 9.75 21.6071 9.41421 21.6071 9C21.6071 8.58579 21.2714 8.25 20.8571 8.25H16.8107L22.5303 2.53033C22.8232 2.23744 22.8232 1.76256 22.5303 1.46967C22.2374 1.17678 21.7626 1.17678 21.4697 1.46967L15.75 7.18934V3.14286C15.75 2.72864 15.4142 2.39286 15 2.39286C14.5858 2.39286 14.25 2.72864 14.25 3.14286V9C14.25 9.41421 14.5858 9.75 15 9.75H20.8571Z"/><path d="M3.14286 14.25C2.72864 14.25 2.39286 14.5858 2.39286 15C2.39286 15.4142 2.72864 15.75 3.14286 15.75H7.18934L1.46967 21.4697C1.17678 21.7626 1.17678 22.2374 1.46967 22.5303C1.76256 22.8232 2.23744 22.8232 2.53033 22.5303L8.25 16.8107V20.8571C8.25 21.2714 8.58579 21.6071 9 21.6071C9.41421 21.6071 9.75 21.2714 9.75 20.8571V15C9.75 14.5858 9.41421 14.25 9 14.25H3.14286Z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M20.8571 9.75C21.2714 9.75 21.6071 9.41421 21.6071 9C21.6071 8.58579 21.2714 8.25 20.8571 8.25H16.8107L22.5303 2.53033C22.8232 2.23744 22.8232 1.76256 22.5303 1.46967C22.2374 1.17678 21.7626 1.17678 21.4697 1.46967L15.75 7.18934V3.14286C15.75 2.72864 15.4142 2.39286 15 2.39286C14.5858 2.39286 14.25 2.72864 14.25 3.14286V9C14.25 9.41421 14.5858 9.75 15 9.75H20.8571Z"/><path d="M3.14286 14.25C2.72864 14.25 2.39286 14.5858 2.39286 15C2.39286 15.4142 2.72864 15.75 3.14286 15.75H7.18934L1.46967 21.4697C1.17678 21.7626 1.17678 22.2374 1.46967 22.5303C1.76256 22.8232 2.23744 22.8232 2.53033 22.5303L8.25 16.8107V20.8571C8.25 21.2714 8.58579 21.6071 9 21.6071C9.41421 21.6071 9.75 21.2714 9.75 20.8571V15C9.75 14.5858 9.41421 14.25 9 14.25H3.14286Z"/></g></svg> </template>
CSS
.icon-minimize-outline {
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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M20.8571%209.75C21.2714%209.75%2021.6071%209.41421%2021.6071%209C21.6071%208.58579%2021.2714%208.25%2020.8571%208.25H16.8107L22.5303%202.53033C22.8232%202.23744%2022.8232%201.76256%2022.5303%201.46967C22.2374%201.17678%2021.7626%201.17678%2021.4697%201.46967L15.75%207.18934V3.14286C15.75%202.72864%2015.4142%202.39286%2015%202.39286C14.5858%202.39286%2014.25%202.72864%2014.25%203.14286V9C14.25%209.41421%2014.5858%209.75%2015%209.75H20.8571Z%22%2F%3E%3Cpath%20d%3D%22M3.14286%2014.25C2.72864%2014.25%202.39286%2014.5858%202.39286%2015C2.39286%2015.4142%202.72864%2015.75%203.14286%2015.75H7.18934L1.46967%2021.4697C1.17678%2021.7626%201.17678%2022.2374%201.46967%2022.5303C1.76256%2022.8232%202.23744%2022.8232%202.53033%2022.5303L8.25%2016.8107V20.8571C8.25%2021.2714%208.58579%2021.6071%209%2021.6071C9.41421%2021.6071%209.75%2021.2714%209.75%2020.8571V15C9.75%2014.5858%209.41421%2014.25%209%2014.25H3.14286Z%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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M20.8571%209.75C21.2714%209.75%2021.6071%209.41421%2021.6071%209C21.6071%208.58579%2021.2714%208.25%2020.8571%208.25H16.8107L22.5303%202.53033C22.8232%202.23744%2022.8232%201.76256%2022.5303%201.46967C22.2374%201.17678%2021.7626%201.17678%2021.4697%201.46967L15.75%207.18934V3.14286C15.75%202.72864%2015.4142%202.39286%2015%202.39286C14.5858%202.39286%2014.25%202.72864%2014.25%203.14286V9C14.25%209.41421%2014.5858%209.75%2015%209.75H20.8571Z%22%2F%3E%3Cpath%20d%3D%22M3.14286%2014.25C2.72864%2014.25%202.39286%2014.5858%202.39286%2015C2.39286%2015.4142%202.72864%2015.75%203.14286%2015.75H7.18934L1.46967%2021.4697C1.17678%2021.7626%201.17678%2022.2374%201.46967%2022.5303C1.76256%2022.8232%202.23744%2022.8232%202.53033%2022.5303L8.25%2016.8107V20.8571C8.25%2021.2714%208.58579%2021.6071%209%2021.6071C9.41421%2021.6071%209.75%2021.2714%209.75%2020.8571V15C9.75%2014.5858%209.41421%2014.25%209%2014.25H3.14286Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/minimize-outline.svg?color=%231a73e8&size=48
