invision logo
invision from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- invision
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- License
- CC0 1.0
The same logo in other sets
Use the invision logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M29.099 0H2.901A2.905 2.905 0 0 0 0 2.901v26.198A2.905 2.905 0 0 0 2.901 32h26.198A2.905 2.905 0 0 0 32 29.099V2.901A2.905 2.905 0 0 0 29.099 0M10.693 6.224c1.063 0 1.958.839 1.958 1.917c0 1.094-.896 1.927-1.958 1.927v.036a1.94 1.94 0 0 1-1.938-1.943c0-1.073.865-1.938 1.938-1.938zm13.088 18.417c-1.979 0-2.938-1.177-2.938-2.786c0-.458.057-.948.198-1.438l.948-3.396c.115-.37.146-.719.146-1.031c0-1.094-.667-1.755-1.729-1.755c-1.349 0-2.24.969-2.698 2.844l-1.839 7.38H12.65l.573-2.323c-.943 1.557-2.26 2.516-3.88 2.516c-1.953 0-2.875-1.125-2.875-2.818a6.8 6.8 0 0 1 .172-1.448l1.469-5.984H5.833l.693-2.542h5.464l-2.161 8.542c-.135.547-.198 1-.198 1.313c0 .547.271.708.688.807c.26.052 2.302.016 3.417-2.453l1.411-5.667H12.85l.693-2.5h4.964l-.641 2.88c.859-1.599 2.583-3.141 4.281-3.141c1.802 0 3.302 1.302 3.302 3.76c0 .714-.109 1.422-.323 2.099l-.922 3.302c-.078.339-.135.62-.135.88c0 .578.24.859.656.859c.422 0 .979-.318 1.599-2.078l1.26.479c-.74 2.62-2.104 3.698-3.802 3.698z"/></svg>
React
import type { SVGProps } from "react";
export function CibInvision(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="M29.099 0H2.901A2.905 2.905 0 0 0 0 2.901v26.198A2.905 2.905 0 0 0 2.901 32h26.198A2.905 2.905 0 0 0 32 29.099V2.901A2.905 2.905 0 0 0 29.099 0M10.693 6.224c1.063 0 1.958.839 1.958 1.917c0 1.094-.896 1.927-1.958 1.927v.036a1.94 1.94 0 0 1-1.938-1.943c0-1.073.865-1.938 1.938-1.938zm13.088 18.417c-1.979 0-2.938-1.177-2.938-2.786c0-.458.057-.948.198-1.438l.948-3.396c.115-.37.146-.719.146-1.031c0-1.094-.667-1.755-1.729-1.755c-1.349 0-2.24.969-2.698 2.844l-1.839 7.38H12.65l.573-2.323c-.943 1.557-2.26 2.516-3.88 2.516c-1.953 0-2.875-1.125-2.875-2.818a6.8 6.8 0 0 1 .172-1.448l1.469-5.984H5.833l.693-2.542h5.464l-2.161 8.542c-.135.547-.198 1-.198 1.313c0 .547.271.708.688.807c.26.052 2.302.016 3.417-2.453l1.411-5.667H12.85l.693-2.5h4.964l-.641 2.88c.859-1.599 2.583-3.141 4.281-3.141c1.802 0 3.302 1.302 3.302 3.76c0 .714-.109 1.422-.323 2.099l-.922 3.302c-.078.339-.135.62-.135.88c0 .578.24.859.656.859c.422 0 .979-.318 1.599-2.078l1.26.479c-.74 2.62-2.104 3.698-3.802 3.698z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M29.099 0H2.901A2.905 2.905 0 0 0 0 2.901v26.198A2.905 2.905 0 0 0 2.901 32h26.198A2.905 2.905 0 0 0 32 29.099V2.901A2.905 2.905 0 0 0 29.099 0M10.693 6.224c1.063 0 1.958.839 1.958 1.917c0 1.094-.896 1.927-1.958 1.927v.036a1.94 1.94 0 0 1-1.938-1.943c0-1.073.865-1.938 1.938-1.938zm13.088 18.417c-1.979 0-2.938-1.177-2.938-2.786c0-.458.057-.948.198-1.438l.948-3.396c.115-.37.146-.719.146-1.031c0-1.094-.667-1.755-1.729-1.755c-1.349 0-2.24.969-2.698 2.844l-1.839 7.38H12.65l.573-2.323c-.943 1.557-2.26 2.516-3.88 2.516c-1.953 0-2.875-1.125-2.875-2.818a6.8 6.8 0 0 1 .172-1.448l1.469-5.984H5.833l.693-2.542h5.464l-2.161 8.542c-.135.547-.198 1-.198 1.313c0 .547.271.708.688.807c.26.052 2.302.016 3.417-2.453l1.411-5.667H12.85l.693-2.5h4.964l-.641 2.88c.859-1.599 2.583-3.141 4.281-3.141c1.802 0 3.302 1.302 3.302 3.76c0 .714-.109 1.422-.323 2.099l-.922 3.302c-.078.339-.135.62-.135.88c0 .578.24.859.656.859c.422 0 .979-.318 1.599-2.078l1.26.479c-.74 2.62-2.104 3.698-3.802 3.698z"/></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%22M29.099%200H2.901A2.905%202.905%200%200%200%200%202.901v26.198A2.905%202.905%200%200%200%202.901%2032h26.198A2.905%202.905%200%200%200%2032%2029.099V2.901A2.905%202.905%200%200%200%2029.099%200M10.693%206.224c1.063%200%201.958.839%201.958%201.917c0%201.094-.896%201.927-1.958%201.927v.036a1.94%201.94%200%200%201-1.938-1.943c0-1.073.865-1.938%201.938-1.938zm13.088%2018.417c-1.979%200-2.938-1.177-2.938-2.786c0-.458.057-.948.198-1.438l.948-3.396c.115-.37.146-.719.146-1.031c0-1.094-.667-1.755-1.729-1.755c-1.349%200-2.24.969-2.698%202.844l-1.839%207.38H12.65l.573-2.323c-.943%201.557-2.26%202.516-3.88%202.516c-1.953%200-2.875-1.125-2.875-2.818a6.8%206.8%200%200%201%20.172-1.448l1.469-5.984H5.833l.693-2.542h5.464l-2.161%208.542c-.135.547-.198%201-.198%201.313c0%20.547.271.708.688.807c.26.052%202.302.016%203.417-2.453l1.411-5.667H12.85l.693-2.5h4.964l-.641%202.88c.859-1.599%202.583-3.141%204.281-3.141c1.802%200%203.302%201.302%203.302%203.76c0%20.714-.109%201.422-.323%202.099l-.922%203.302c-.078.339-.135.62-.135.88c0%20.578.24.859.656.859c.422%200%20.979-.318%201.599-2.078l1.26.479c-.74%202.62-2.104%203.698-3.802%203.698z%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%22M29.099%200H2.901A2.905%202.905%200%200%200%200%202.901v26.198A2.905%202.905%200%200%200%202.901%2032h26.198A2.905%202.905%200%200%200%2032%2029.099V2.901A2.905%202.905%200%200%200%2029.099%200M10.693%206.224c1.063%200%201.958.839%201.958%201.917c0%201.094-.896%201.927-1.958%201.927v.036a1.94%201.94%200%200%201-1.938-1.943c0-1.073.865-1.938%201.938-1.938zm13.088%2018.417c-1.979%200-2.938-1.177-2.938-2.786c0-.458.057-.948.198-1.438l.948-3.396c.115-.37.146-.719.146-1.031c0-1.094-.667-1.755-1.729-1.755c-1.349%200-2.24.969-2.698%202.844l-1.839%207.38H12.65l.573-2.323c-.943%201.557-2.26%202.516-3.88%202.516c-1.953%200-2.875-1.125-2.875-2.818a6.8%206.8%200%200%201%20.172-1.448l1.469-5.984H5.833l.693-2.542h5.464l-2.161%208.542c-.135.547-.198%201-.198%201.313c0%20.547.271.708.688.807c.26.052%202.302.016%203.417-2.453l1.411-5.667H12.85l.693-2.5h4.964l-.641%202.88c.859-1.599%202.583-3.141%204.281-3.141c1.802%200%203.302%201.302%203.302%203.76c0%20.714-.109%201.422-.323%202.099l-.922%203.302c-.078.339-.135.62-.135.88c0%20.578.24.859.656.859c.422%200%20.979-.318%201.599-2.078l1.26.479c-.74%202.62-2.104%203.698-3.802%203.698z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/invision.svg?color=%231a73e8&size=48
