frame icon
frame-bold-duotone from Solar by 480 Design · Bold Duotone · Tools · CC-BY-4.0 Attribution required.
- Name
- frame-bold-duotone
- Set
- Solar
- Style
- Bold Duotone
- 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"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path 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"/><path d="M5.75 18.25H18.25V5.75H5.75V18.25Z" opacity=".5"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarFrameBoldDuotone(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" fillRule="evenodd" clipRule="evenodd"><path 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"/><path d="M5.75 18.25H18.25V5.75H5.75V18.25Z" opacity=".5"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path 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"/><path d="M5.75 18.25H18.25V5.75H5.75V18.25Z" opacity=".5"/></g></svg> </template>
CSS
.icon-frame-bold-duotone {
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%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%3E%3Cpath%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%2F%3E%3Cpath%20d%3D%22M5.75%2018.25H18.25V5.75H5.75V18.25Z%22%20opacity%3D%22.5%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%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%3E%3Cpath%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%2F%3E%3Cpath%20d%3D%22M5.75%2018.25H18.25V5.75H5.75V18.25Z%22%20opacity%3D%22.5%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/frame-bold-duotone.svg?color=%231a73e8&size=48
