frame icon
frame-outline from Solar by 480 Design · Outline · Tools · CC-BY-4.0 Attribution required.
- Name
- frame-outline
- Set
- Solar
- Style
- Outline
- Category
- Tools
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
More tools icons from Solar
align-bottom-boldalign-horizontal-center-boldalign-horizontal-spacing-boldalign-left-boldalign-right-boldalign-top-boldalign-vertical-center-boldalign-vertical-spacing-boldcolour-tuning-boldcrop-boldcrop-minimalistic-boldfilters-boldflip-horizontal-boldflip-vertical-boldlayers-boldlayers-minimalistic-boldmirror-left-boldmirror-right-boldpaint-brush-boldpaint-roller-boldpalette-2-boldpalette-boldpalette-round-boldpipette-bold
Use the frame icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M19 1.25C19.4142 1.25 19.75 1.58579 19.75 2V4.25H22C22.4142 4.25 22.75 4.58579 22.75 5C22.75 5.41421 22.4142 5.75 22 5.75H19.75V18.25H22C22.4142 18.25 22.75 18.5858 22.75 19C22.75 19.4142 22.4142 19.75 22 19.75H19.75V22C19.75 22.4142 19.4142 22.75 19 22.75C18.5858 22.75 18.25 22.4142 18.25 22V19.75H5.75V22C5.75 22.4142 5.41421 22.75 5 22.75C4.58579 22.75 4.25 22.4142 4.25 22V19.75H2C1.58579 19.75 1.25 19.4142 1.25 19C1.25 18.5858 1.58579 18.25 2 18.25H4.25V5.75H2C1.58579 5.75 1.25 5.41421 1.25 5C1.25 4.58579 1.58579 4.25 2 4.25H4.25V2C4.25 1.58579 4.58579 1.25 5 1.25C5.41421 1.25 5.75 1.58579 5.75 2V4.25H18.25V2C18.25 1.58579 18.5858 1.25 19 1.25ZM5.75 18.25H18.25V5.75H5.75V18.25Z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function SolarFrameOutline(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" fillRule="evenodd" d="M19 1.25C19.4142 1.25 19.75 1.58579 19.75 2V4.25H22C22.4142 4.25 22.75 4.58579 22.75 5C22.75 5.41421 22.4142 5.75 22 5.75H19.75V18.25H22C22.4142 18.25 22.75 18.5858 22.75 19C22.75 19.4142 22.4142 19.75 22 19.75H19.75V22C19.75 22.4142 19.4142 22.75 19 22.75C18.5858 22.75 18.25 22.4142 18.25 22V19.75H5.75V22C5.75 22.4142 5.41421 22.75 5 22.75C4.58579 22.75 4.25 22.4142 4.25 22V19.75H2C1.58579 19.75 1.25 19.4142 1.25 19C1.25 18.5858 1.58579 18.25 2 18.25H4.25V5.75H2C1.58579 5.75 1.25 5.41421 1.25 5C1.25 4.58579 1.58579 4.25 2 4.25H4.25V2C4.25 1.58579 4.58579 1.25 5 1.25C5.41421 1.25 5.75 1.58579 5.75 2V4.25H18.25V2C18.25 1.58579 18.5858 1.25 19 1.25ZM5.75 18.25H18.25V5.75H5.75V18.25Z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M19 1.25C19.4142 1.25 19.75 1.58579 19.75 2V4.25H22C22.4142 4.25 22.75 4.58579 22.75 5C22.75 5.41421 22.4142 5.75 22 5.75H19.75V18.25H22C22.4142 18.25 22.75 18.5858 22.75 19C22.75 19.4142 22.4142 19.75 22 19.75H19.75V22C19.75 22.4142 19.4142 22.75 19 22.75C18.5858 22.75 18.25 22.4142 18.25 22V19.75H5.75V22C5.75 22.4142 5.41421 22.75 5 22.75C4.58579 22.75 4.25 22.4142 4.25 22V19.75H2C1.58579 19.75 1.25 19.4142 1.25 19C1.25 18.5858 1.58579 18.25 2 18.25H4.25V5.75H2C1.58579 5.75 1.25 5.41421 1.25 5C1.25 4.58579 1.58579 4.25 2 4.25H4.25V2C4.25 1.58579 4.58579 1.25 5 1.25C5.41421 1.25 5.75 1.58579 5.75 2V4.25H18.25V2C18.25 1.58579 18.5858 1.25 19 1.25ZM5.75 18.25H18.25V5.75H5.75V18.25Z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-frame-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%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M19%201.25C19.4142%201.25%2019.75%201.58579%2019.75%202V4.25H22C22.4142%204.25%2022.75%204.58579%2022.75%205C22.75%205.41421%2022.4142%205.75%2022%205.75H19.75V18.25H22C22.4142%2018.25%2022.75%2018.5858%2022.75%2019C22.75%2019.4142%2022.4142%2019.75%2022%2019.75H19.75V22C19.75%2022.4142%2019.4142%2022.75%2019%2022.75C18.5858%2022.75%2018.25%2022.4142%2018.25%2022V19.75H5.75V22C5.75%2022.4142%205.41421%2022.75%205%2022.75C4.58579%2022.75%204.25%2022.4142%204.25%2022V19.75H2C1.58579%2019.75%201.25%2019.4142%201.25%2019C1.25%2018.5858%201.58579%2018.25%202%2018.25H4.25V5.75H2C1.58579%205.75%201.25%205.41421%201.25%205C1.25%204.58579%201.58579%204.25%202%204.25H4.25V2C4.25%201.58579%204.58579%201.25%205%201.25C5.41421%201.25%205.75%201.58579%205.75%202V4.25H18.25V2C18.25%201.58579%2018.5858%201.25%2019%201.25ZM5.75%2018.25H18.25V5.75H5.75V18.25Z%22%20clip-rule%3D%22evenodd%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%20fill-rule%3D%22evenodd%22%20d%3D%22M19%201.25C19.4142%201.25%2019.75%201.58579%2019.75%202V4.25H22C22.4142%204.25%2022.75%204.58579%2022.75%205C22.75%205.41421%2022.4142%205.75%2022%205.75H19.75V18.25H22C22.4142%2018.25%2022.75%2018.5858%2022.75%2019C22.75%2019.4142%2022.4142%2019.75%2022%2019.75H19.75V22C19.75%2022.4142%2019.4142%2022.75%2019%2022.75C18.5858%2022.75%2018.25%2022.4142%2018.25%2022V19.75H5.75V22C5.75%2022.4142%205.41421%2022.75%205%2022.75C4.58579%2022.75%204.25%2022.4142%204.25%2022V19.75H2C1.58579%2019.75%201.25%2019.4142%201.25%2019C1.25%2018.5858%201.58579%2018.25%202%2018.25H4.25V5.75H2C1.58579%205.75%201.25%205.41421%201.25%205C1.25%204.58579%201.58579%204.25%202%204.25H4.25V2C4.25%201.58579%204.58579%201.25%205%201.25C5.41421%201.25%205.75%201.58579%205.75%202V4.25H18.25V2C18.25%201.58579%2018.5858%201.25%2019%201.25ZM5.75%2018.25H18.25V5.75H5.75V18.25Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/frame-outline.svg?color=%231a73e8&size=48
