invision icon
invision from Line Awesome by Icons8 · Line · Other · Apache-2.0 Free for personal and commercial use.
- Name
- invision
- Set
- Line Awesome
- Style
- Line
- Category
- Other
- Viewbox
- 32×32
- License
- Apache 2.0
The same icon in other sets
More other icons from Line Awesome
Use the invision icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M5 5v22h22V5zm2 2h18v18H7zm5.902 3c-.568.004-1.134.383-1.136 1.133c0 .64.52 1.15 1.156 1.15c.179-.005 1.15-.17 1.133-1.168c-.013-.748-.584-1.119-1.153-1.115m6.702 3.203c-.85.071-1.777.659-2.424 1.865l.379-1.724h-2.932l-.412 1.515h1.375l-.844 3.385c-.703 1.564-2.445 1.88-2.445.988c.013-.48-.032-.19 1.4-5.888h-3.256l-.412 1.517h1.356c-.942 3.84-.977 3.827-.98 4.436c0 2.075 2.688 2.39 4.03.183l-.345 1.385h1.922l1.1-4.402c.626-2.544 3.153-2.006 2.552-.03c-.388 1.39-1.732 4.544 1.064 4.544c1.014 0 1.821-.653 2.268-2.217l-.762-.285c-.609 1.683-1.355 1.38-1.355.718c.013-.345.03-.328.635-2.506c.695-2.285-.5-3.602-1.914-3.484"/></svg>
React
import type { SVGProps } from "react";
export function LaInvision(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M5 5v22h22V5zm2 2h18v18H7zm5.902 3c-.568.004-1.134.383-1.136 1.133c0 .64.52 1.15 1.156 1.15c.179-.005 1.15-.17 1.133-1.168c-.013-.748-.584-1.119-1.153-1.115m6.702 3.203c-.85.071-1.777.659-2.424 1.865l.379-1.724h-2.932l-.412 1.515h1.375l-.844 3.385c-.703 1.564-2.445 1.88-2.445.988c.013-.48-.032-.19 1.4-5.888h-3.256l-.412 1.517h1.356c-.942 3.84-.977 3.827-.98 4.436c0 2.075 2.688 2.39 4.03.183l-.345 1.385h1.922l1.1-4.402c.626-2.544 3.153-2.006 2.552-.03c-.388 1.39-1.732 4.544 1.064 4.544c1.014 0 1.821-.653 2.268-2.217l-.762-.285c-.609 1.683-1.355 1.38-1.355.718c.013-.345.03-.328.635-2.506c.695-2.285-.5-3.602-1.914-3.484"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M5 5v22h22V5zm2 2h18v18H7zm5.902 3c-.568.004-1.134.383-1.136 1.133c0 .64.52 1.15 1.156 1.15c.179-.005 1.15-.17 1.133-1.168c-.013-.748-.584-1.119-1.153-1.115m6.702 3.203c-.85.071-1.777.659-2.424 1.865l.379-1.724h-2.932l-.412 1.515h1.375l-.844 3.385c-.703 1.564-2.445 1.88-2.445.988c.013-.48-.032-.19 1.4-5.888h-3.256l-.412 1.517h1.356c-.942 3.84-.977 3.827-.98 4.436c0 2.075 2.688 2.39 4.03.183l-.345 1.385h1.922l1.1-4.402c.626-2.544 3.153-2.006 2.552-.03c-.388 1.39-1.732 4.544 1.064 4.544c1.014 0 1.821-.653 2.268-2.217l-.762-.285c-.609 1.683-1.355 1.38-1.355.718c.013-.345.03-.328.635-2.506c.695-2.285-.5-3.602-1.914-3.484"/></svg> </template>
CSS
.icon-invision {
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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5%205v22h22V5zm2%202h18v18H7zm5.902%203c-.568.004-1.134.383-1.136%201.133c0%20.64.52%201.15%201.156%201.15c.179-.005%201.15-.17%201.133-1.168c-.013-.748-.584-1.119-1.153-1.115m6.702%203.203c-.85.071-1.777.659-2.424%201.865l.379-1.724h-2.932l-.412%201.515h1.375l-.844%203.385c-.703%201.564-2.445%201.88-2.445.988c.013-.48-.032-.19%201.4-5.888h-3.256l-.412%201.517h1.356c-.942%203.84-.977%203.827-.98%204.436c0%202.075%202.688%202.39%204.03.183l-.345%201.385h1.922l1.1-4.402c.626-2.544%203.153-2.006%202.552-.03c-.388%201.39-1.732%204.544%201.064%204.544c1.014%200%201.821-.653%202.268-2.217l-.762-.285c-.609%201.683-1.355%201.38-1.355.718c.013-.345.03-.328.635-2.506c.695-2.285-.5-3.602-1.914-3.484%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5%205v22h22V5zm2%202h18v18H7zm5.902%203c-.568.004-1.134.383-1.136%201.133c0%20.64.52%201.15%201.156%201.15c.179-.005%201.15-.17%201.133-1.168c-.013-.748-.584-1.119-1.153-1.115m6.702%203.203c-.85.071-1.777.659-2.424%201.865l.379-1.724h-2.932l-.412%201.515h1.375l-.844%203.385c-.703%201.564-2.445%201.88-2.445.988c.013-.48-.032-.19%201.4-5.888h-3.256l-.412%201.517h1.356c-.942%203.84-.977%203.827-.98%204.436c0%202.075%202.688%202.39%204.03.183l-.345%201.385h1.922l1.1-4.402c.626-2.544%203.153-2.006%202.552-.03c-.388%201.39-1.732%204.544%201.064%204.544c1.014%200%201.821-.653%202.268-2.217l-.762-.285c-.609%201.683-1.355%201.38-1.355.718c.013-.345.03-.328.635-2.506c.695-2.285-.5-3.602-1.914-3.484%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/invision.svg?color=%231a73e8&size=48
