framer icon

framer-solid from Teenyicons by smhmd · Solid · MIT Free for personal and commercial use.

Name: framer-solid
Set: Teenyicons
Style: Solid
Viewbox: 15×15
License: MIT

1 other variant in Teenyicons

The same icon in other sets

framerBoxicons Brands framerCoreUI Brands framerFeather Icons framercss.gg framerHuge Icons framerSVG Logos framerLucide framerMyna UI Icons framerSimple Icons

Use the framer icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" d="M2.038.309A.5.5 0 0 1 2.5 0h10a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-.5.5H8.707l4.147 4.146A.5.5 0 0 1 12.5 11H8v3.5a.5.5 0 0 1-.854.354l-5-5A.5.5 0 0 1 2 9.5v-4a.5.5 0 0 1 .5-.5h3.793L2.146.854a.5.5 0 0 1-.108-.545"/></svg>

React

import type { SVGProps } from "react";

export function TeenyiconsFramerSolid(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" d="M2.038.309A.5.5 0 0 1 2.5 0h10a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-.5.5H8.707l4.147 4.146A.5.5 0 0 1 12.5 11H8v3.5a.5.5 0 0 1-.854.354l-5-5A.5.5 0 0 1 2 9.5v-4a.5.5 0 0 1 .5-.5h3.793L2.146.854a.5.5 0 0 1-.108-.545"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" d="M2.038.309A.5.5 0 0 1 2.5 0h10a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-.5.5H8.707l4.147 4.146A.5.5 0 0 1 12.5 11H8v3.5a.5.5 0 0 1-.854.354l-5-5A.5.5 0 0 1 2 9.5v-4a.5.5 0 0 1 .5-.5h3.793L2.146.854a.5.5 0 0 1-.108-.545"/></svg>
</template>

CSS

.icon-framer-solid {
  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%2015%2015%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2.038.309A.5.5%200%200%201%202.5%200h10a.5.5%200%200%201%20.5.5v5a.5.5%200%200%201-.5.5H8.707l4.147%204.146A.5.5%200%200%201%2012.5%2011H8v3.5a.5.5%200%200%201-.854.354l-5-5A.5.5%200%200%201%202%209.5v-4a.5.5%200%200%201%20.5-.5h3.793L2.146.854a.5.5%200%200%201-.108-.545%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%2015%2015%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2.038.309A.5.5%200%200%201%202.5%200h10a.5.5%200%200%201%20.5.5v5a.5.5%200%200%201-.5.5H8.707l4.147%204.146A.5.5%200%200%201%2012.5%2011H8v3.5a.5.5%200%200%201-.854.354l-5-5A.5.5%200%200%201%202%209.5v-4a.5.5%200%200%201%20.5-.5h3.793L2.146.854a.5.5%200%200%201-.108-.545%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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