Add icons to this collection by clicking the heart icon.
Frame icon - also known as art, painting, painter, paint, canvas, tools, frame, tool, easel, artistic, and art and design. Created in a clean lineal color style with a white, gray, black, magenta, orange, and pink finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="b" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<path
d="M0 0v-497l226 60v377z"
transform="matrix(1.33333 0 0 -1.33333 40 10)"
fill="#ff9259"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-60-7.965v-481.07L0-497Z"
transform="matrix(1.33333 0 0 -1.33333 642.667 10)"
fill="#ff3187"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-377l196-52.035v481.07z"
transform="matrix(1.33333 0 0 -1.33333 341.333 90)"
fill="#ff5178"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h452L226 226Z"
transform="matrix(1.33333 0 0 -1.33333 40 672.667)"
fill="#ff7169"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-452l226-226z"
transform="matrix(1.33333 0 0 -1.33333 642.667 10)"
fill="#ff7169"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-60-188.5L0-377h30V0Z"
transform="matrix(1.33333 0 0 -1.33333 522.667 90)"
fill="#ff9259"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M90 67.5h302v377H90Z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#ffb24a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-60-158.5L0-317h30V0Z"
transform="matrix(1.33333 0 0 -1.33333 482.667 130)"
fill="#fff0be"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M120 97.5h242v317H120Z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M482 7.5H30v497h452z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<path
d="M0 0v-173.5h332v377H0V30"
transform="matrix(1.33333 0 0 -1.33333 120 361.333)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M392 97.5H120v317h272z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<g clip-path="url(#b)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="m0 0-60 60"
transform="translate(90 444.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 60 60"
transform="translate(422 444.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 60-60"
transform="translate(422 67.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-60-60"
transform="translate(90 67.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category