maximize icon
maximize-outline from Solar by 480 Design · Outline · Arrows Action · CC-BY-4.0 Attribution required.
- Name
- maximize-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
maximizeCarbonmaximize-fillEva IconsmaximizeFont Awesome 6 SolidmaximizeFont Awesome SolidmaximizeFeather Iconsmaximize-16-filledFluent UI System IconsmaximizeFirefox OS Emojimaximizecss.ggmaximizeHumbleiconsmaximizeIconoirmaximizeLucidemaximizeMage IconsmaximizeMajesticonsmaximizeMaterial SymbolsmaximizeMaterial Symbols LightmaximizeMyna UI Iconsmaximize-16OcticonsmaximizeTabler 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-square-2-bold
Use the maximize icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M16.1429 1.25C15.7286 1.25 15.3929 1.58579 15.3929 2C15.3929 2.41421 15.7286 2.75 16.1429 2.75H20.1893L14.4697 8.46967C14.1768 8.76256 14.1768 9.23744 14.4697 9.53033C14.7626 9.82322 15.2374 9.82322 15.5303 9.53033L21.25 3.81066V7.85714C21.25 8.27136 21.5858 8.60714 22 8.60714C22.4142 8.60714 22.75 8.27136 22.75 7.85714V2C22.75 1.58579 22.4142 1.25 22 1.25H16.1429Z"/><path d="M7.85714 22.75C8.27136 22.75 8.60714 22.4142 8.60714 22C8.60714 21.5858 8.27136 21.25 7.85714 21.25H3.81066L9.53033 15.5303C9.82322 15.2374 9.82322 14.7626 9.53033 14.4697C9.23744 14.1768 8.76256 14.1768 8.46967 14.4697L2.75 20.1893V16.1429C2.75 15.7286 2.41421 15.3929 2 15.3929C1.58579 15.3929 1.25 15.7286 1.25 16.1429V22C1.25 22.4142 1.58579 22.75 2 22.75H7.85714Z"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarMaximizeOutline(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="M16.1429 1.25C15.7286 1.25 15.3929 1.58579 15.3929 2C15.3929 2.41421 15.7286 2.75 16.1429 2.75H20.1893L14.4697 8.46967C14.1768 8.76256 14.1768 9.23744 14.4697 9.53033C14.7626 9.82322 15.2374 9.82322 15.5303 9.53033L21.25 3.81066V7.85714C21.25 8.27136 21.5858 8.60714 22 8.60714C22.4142 8.60714 22.75 8.27136 22.75 7.85714V2C22.75 1.58579 22.4142 1.25 22 1.25H16.1429Z"/><path d="M7.85714 22.75C8.27136 22.75 8.60714 22.4142 8.60714 22C8.60714 21.5858 8.27136 21.25 7.85714 21.25H3.81066L9.53033 15.5303C9.82322 15.2374 9.82322 14.7626 9.53033 14.4697C9.23744 14.1768 8.76256 14.1768 8.46967 14.4697L2.75 20.1893V16.1429C2.75 15.7286 2.41421 15.3929 2 15.3929C1.58579 15.3929 1.25 15.7286 1.25 16.1429V22C1.25 22.4142 1.58579 22.75 2 22.75H7.85714Z"/></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="M16.1429 1.25C15.7286 1.25 15.3929 1.58579 15.3929 2C15.3929 2.41421 15.7286 2.75 16.1429 2.75H20.1893L14.4697 8.46967C14.1768 8.76256 14.1768 9.23744 14.4697 9.53033C14.7626 9.82322 15.2374 9.82322 15.5303 9.53033L21.25 3.81066V7.85714C21.25 8.27136 21.5858 8.60714 22 8.60714C22.4142 8.60714 22.75 8.27136 22.75 7.85714V2C22.75 1.58579 22.4142 1.25 22 1.25H16.1429Z"/><path d="M7.85714 22.75C8.27136 22.75 8.60714 22.4142 8.60714 22C8.60714 21.5858 8.27136 21.25 7.85714 21.25H3.81066L9.53033 15.5303C9.82322 15.2374 9.82322 14.7626 9.53033 14.4697C9.23744 14.1768 8.76256 14.1768 8.46967 14.4697L2.75 20.1893V16.1429C2.75 15.7286 2.41421 15.3929 2 15.3929C1.58579 15.3929 1.25 15.7286 1.25 16.1429V22C1.25 22.4142 1.58579 22.75 2 22.75H7.85714Z"/></g></svg> </template>
CSS
.icon-maximize-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%22M16.1429%201.25C15.7286%201.25%2015.3929%201.58579%2015.3929%202C15.3929%202.41421%2015.7286%202.75%2016.1429%202.75H20.1893L14.4697%208.46967C14.1768%208.76256%2014.1768%209.23744%2014.4697%209.53033C14.7626%209.82322%2015.2374%209.82322%2015.5303%209.53033L21.25%203.81066V7.85714C21.25%208.27136%2021.5858%208.60714%2022%208.60714C22.4142%208.60714%2022.75%208.27136%2022.75%207.85714V2C22.75%201.58579%2022.4142%201.25%2022%201.25H16.1429Z%22%2F%3E%3Cpath%20d%3D%22M7.85714%2022.75C8.27136%2022.75%208.60714%2022.4142%208.60714%2022C8.60714%2021.5858%208.27136%2021.25%207.85714%2021.25H3.81066L9.53033%2015.5303C9.82322%2015.2374%209.82322%2014.7626%209.53033%2014.4697C9.23744%2014.1768%208.76256%2014.1768%208.46967%2014.4697L2.75%2020.1893V16.1429C2.75%2015.7286%202.41421%2015.3929%202%2015.3929C1.58579%2015.3929%201.25%2015.7286%201.25%2016.1429V22C1.25%2022.4142%201.58579%2022.75%202%2022.75H7.85714Z%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%22M16.1429%201.25C15.7286%201.25%2015.3929%201.58579%2015.3929%202C15.3929%202.41421%2015.7286%202.75%2016.1429%202.75H20.1893L14.4697%208.46967C14.1768%208.76256%2014.1768%209.23744%2014.4697%209.53033C14.7626%209.82322%2015.2374%209.82322%2015.5303%209.53033L21.25%203.81066V7.85714C21.25%208.27136%2021.5858%208.60714%2022%208.60714C22.4142%208.60714%2022.75%208.27136%2022.75%207.85714V2C22.75%201.58579%2022.4142%201.25%2022%201.25H16.1429Z%22%2F%3E%3Cpath%20d%3D%22M7.85714%2022.75C8.27136%2022.75%208.60714%2022.4142%208.60714%2022C8.60714%2021.5858%208.27136%2021.25%207.85714%2021.25H3.81066L9.53033%2015.5303C9.82322%2015.2374%209.82322%2014.7626%209.53033%2014.4697C9.23744%2014.1768%208.76256%2014.1768%208.46967%2014.4697L2.75%2020.1893V16.1429C2.75%2015.7286%202.41421%2015.3929%202%2015.3929C1.58579%2015.3929%201.25%2015.7286%201.25%2016.1429V22C1.25%2022.4142%201.58579%2022.75%202%2022.75H7.85714Z%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/maximize-outline.svg?color=%231a73e8&size=48
