frame icon

frame-bold from Solar by 480 Design · Bold · Tools · CC-BY-4.0 Attribution required.

Name
frame-bold
Set
Solar
Style
Bold
Category
Tools
Viewbox
24×24
License
CC BY 4.0

5 other variants in Solar

frame-bold-duotoneframe-brokenframe-line-duotoneframe-linearframe-outline

The same icon in other sets

frameAkar Iconsframe-16-filledFluent UI System IconsframeHuge IconsframeIconoirframeLucideframe-fillMingCute IconframeMyna UI IconsframePixelarticonsframeRadix IconsframeTabler IconsframeTDesign Iconsframe-outlineTeenyicons

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" d="M18.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.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 22Z"/></svg>

React

import type { SVGProps } from "react";

export function SolarFrameBold(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" d="M18.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.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 22Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.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.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 22Z"/></svg>
</template>

CSS

.icon-frame-bold {
  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%20d%3D%22M18.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.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%2022Z%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%20d%3D%22M18.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.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%2022Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/frame-bold.svg?color=%231a73e8&size=48