projective icon
projective from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- projective
- Set
- Framework7 Icons
- Style
- Outline
- Viewbox
- 56×56
- License
- MIT
Use the projective icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M9.79 41.523c.585 0 1.1-.187 1.523-.609L28 23.828l16.688 17.086c.398.398.937.61 1.523.61c1.242 0 2.156-.915 2.156-2.133c0-.61-.234-1.102-.633-1.524L29.57 19.281a2.2 2.2 0 0 0-1.054-.61h17.039c1.218 0 2.062-.89 2.062-2.108c0-1.22-.844-2.086-2.062-2.086H10.398c-1.195 0-2.039.867-2.039 2.085c0 1.22.844 2.11 2.04 2.11h17.085c-.375.094-.75.305-1.054.61L8.266 37.866a2.05 2.05 0 0 0-.633 1.524c0 1.218.937 2.132 2.156 2.132"/></svg>
React
import type { SVGProps } from "react";
export function F7Projective(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M9.79 41.523c.585 0 1.1-.187 1.523-.609L28 23.828l16.688 17.086c.398.398.937.61 1.523.61c1.242 0 2.156-.915 2.156-2.133c0-.61-.234-1.102-.633-1.524L29.57 19.281a2.2 2.2 0 0 0-1.054-.61h17.039c1.218 0 2.062-.89 2.062-2.108c0-1.22-.844-2.086-2.062-2.086H10.398c-1.195 0-2.039.867-2.039 2.085c0 1.22.844 2.11 2.04 2.11h17.085c-.375.094-.75.305-1.054.61L8.266 37.866a2.05 2.05 0 0 0-.633 1.524c0 1.218.937 2.132 2.156 2.132"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M9.79 41.523c.585 0 1.1-.187 1.523-.609L28 23.828l16.688 17.086c.398.398.937.61 1.523.61c1.242 0 2.156-.915 2.156-2.133c0-.61-.234-1.102-.633-1.524L29.57 19.281a2.2 2.2 0 0 0-1.054-.61h17.039c1.218 0 2.062-.89 2.062-2.108c0-1.22-.844-2.086-2.062-2.086H10.398c-1.195 0-2.039.867-2.039 2.085c0 1.22.844 2.11 2.04 2.11h17.085c-.375.094-.75.305-1.054.61L8.266 37.866a2.05 2.05 0 0 0-.633 1.524c0 1.218.937 2.132 2.156 2.132"/></svg> </template>
CSS
.icon-projective {
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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.79%2041.523c.585%200%201.1-.187%201.523-.609L28%2023.828l16.688%2017.086c.398.398.937.61%201.523.61c1.242%200%202.156-.915%202.156-2.133c0-.61-.234-1.102-.633-1.524L29.57%2019.281a2.2%202.2%200%200%200-1.054-.61h17.039c1.218%200%202.062-.89%202.062-2.108c0-1.22-.844-2.086-2.062-2.086H10.398c-1.195%200-2.039.867-2.039%202.085c0%201.22.844%202.11%202.04%202.11h17.085c-.375.094-.75.305-1.054.61L8.266%2037.866a2.05%202.05%200%200%200-.633%201.524c0%201.218.937%202.132%202.156%202.132%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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.79%2041.523c.585%200%201.1-.187%201.523-.609L28%2023.828l16.688%2017.086c.398.398.937.61%201.523.61c1.242%200%202.156-.915%202.156-2.133c0-.61-.234-1.102-.633-1.524L29.57%2019.281a2.2%202.2%200%200%200-1.054-.61h17.039c1.218%200%202.062-.89%202.062-2.108c0-1.22-.844-2.086-2.062-2.086H10.398c-1.195%200-2.039.867-2.039%202.085c0%201.22.844%202.11%202.04%202.11h17.085c-.375.094-.75.305-1.054.61L8.266%2037.866a2.05%202.05%200%200%200-.633%201.524c0%201.218.937%202.132%202.156%202.132%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/projective.svg?color=%231a73e8&size=48
