invision logo

invision from Font Awesome 6 Brands by Dave Gandy · Regular · CC-BY-4.0 Attribution required.

Name: invision
Set: Font Awesome 6 Brands
Style: Regular
Viewbox: 448×512
License: CC BY 4.0

The same logo in other sets

invisionBoxicons Brands invisionCoreUI Brands invisionFont Awesome Brands invisionLine Awesome invisionSVG Logos invision-fillRemix Icon invisionSimple Icons

Use the invision logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M407.4 32H40.6C18.2 32 0 50.2 0 72.6v366.8C0 461.8 18.2 480 40.6 480h366.8c22.4 0 40.6-18.2 40.6-40.6V72.6c0-22.4-18.2-40.6-40.6-40.6M176.1 145.6c.4 23.4-22.4 27.3-26.6 27.4c-14.9 0-27.1-12-27.1-27c.1-35.2 53.1-35.5 53.7-.4M332.8 377c-65.6 0-34.1-74-25-106.6c14.1-46.4-45.2-59-59.9.7l-25.8 103.3H177l8.1-32.5c-31.5 51.8-94.6 44.4-94.6-4.3c.1-14.3.9-14 23-104.1H81.7l9.7-35.6h76.4c-33.6 133.7-32.6 126.9-32.9 138.2c0 20.9 40.9 13.5 57.4-23.2l19.8-79.4h-32.3l9.7-35.6h68.8l-8.9 40.5c40.5-75.5 127.9-47.8 101.8 38c-14.2 51.1-14.6 50.7-14.9 58.8c0 15.5 17.5 22.6 31.8-16.9L386 325c-10.5 36.7-29.4 52-53.2 52"/></svg>

React

import type { SVGProps } from "react";

export function Fa6BrandsInvision(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M407.4 32H40.6C18.2 32 0 50.2 0 72.6v366.8C0 461.8 18.2 480 40.6 480h366.8c22.4 0 40.6-18.2 40.6-40.6V72.6c0-22.4-18.2-40.6-40.6-40.6M176.1 145.6c.4 23.4-22.4 27.3-26.6 27.4c-14.9 0-27.1-12-27.1-27c.1-35.2 53.1-35.5 53.7-.4M332.8 377c-65.6 0-34.1-74-25-106.6c14.1-46.4-45.2-59-59.9.7l-25.8 103.3H177l8.1-32.5c-31.5 51.8-94.6 44.4-94.6-4.3c.1-14.3.9-14 23-104.1H81.7l9.7-35.6h76.4c-33.6 133.7-32.6 126.9-32.9 138.2c0 20.9 40.9 13.5 57.4-23.2l19.8-79.4h-32.3l9.7-35.6h68.8l-8.9 40.5c40.5-75.5 127.9-47.8 101.8 38c-14.2 51.1-14.6 50.7-14.9 58.8c0 15.5 17.5 22.6 31.8-16.9L386 325c-10.5 36.7-29.4 52-53.2 52"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M407.4 32H40.6C18.2 32 0 50.2 0 72.6v366.8C0 461.8 18.2 480 40.6 480h366.8c22.4 0 40.6-18.2 40.6-40.6V72.6c0-22.4-18.2-40.6-40.6-40.6M176.1 145.6c.4 23.4-22.4 27.3-26.6 27.4c-14.9 0-27.1-12-27.1-27c.1-35.2 53.1-35.5 53.7-.4M332.8 377c-65.6 0-34.1-74-25-106.6c14.1-46.4-45.2-59-59.9.7l-25.8 103.3H177l8.1-32.5c-31.5 51.8-94.6 44.4-94.6-4.3c.1-14.3.9-14 23-104.1H81.7l9.7-35.6h76.4c-33.6 133.7-32.6 126.9-32.9 138.2c0 20.9 40.9 13.5 57.4-23.2l19.8-79.4h-32.3l9.7-35.6h68.8l-8.9 40.5c40.5-75.5 127.9-47.8 101.8 38c-14.2 51.1-14.6 50.7-14.9 58.8c0 15.5 17.5 22.6 31.8-16.9L386 325c-10.5 36.7-29.4 52-53.2 52"/></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%20448%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M407.4%2032H40.6C18.2%2032%200%2050.2%200%2072.6v366.8C0%20461.8%2018.2%20480%2040.6%20480h366.8c22.4%200%2040.6-18.2%2040.6-40.6V72.6c0-22.4-18.2-40.6-40.6-40.6M176.1%20145.6c.4%2023.4-22.4%2027.3-26.6%2027.4c-14.9%200-27.1-12-27.1-27c.1-35.2%2053.1-35.5%2053.7-.4M332.8%20377c-65.6%200-34.1-74-25-106.6c14.1-46.4-45.2-59-59.9.7l-25.8%20103.3H177l8.1-32.5c-31.5%2051.8-94.6%2044.4-94.6-4.3c.1-14.3.9-14%2023-104.1H81.7l9.7-35.6h76.4c-33.6%20133.7-32.6%20126.9-32.9%20138.2c0%2020.9%2040.9%2013.5%2057.4-23.2l19.8-79.4h-32.3l9.7-35.6h68.8l-8.9%2040.5c40.5-75.5%20127.9-47.8%20101.8%2038c-14.2%2051.1-14.6%2050.7-14.9%2058.8c0%2015.5%2017.5%2022.6%2031.8-16.9L386%20325c-10.5%2036.7-29.4%2052-53.2%2052%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%20448%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M407.4%2032H40.6C18.2%2032%200%2050.2%200%2072.6v366.8C0%20461.8%2018.2%20480%2040.6%20480h366.8c22.4%200%2040.6-18.2%2040.6-40.6V72.6c0-22.4-18.2-40.6-40.6-40.6M176.1%20145.6c.4%2023.4-22.4%2027.3-26.6%2027.4c-14.9%200-27.1-12-27.1-27c.1-35.2%2053.1-35.5%2053.7-.4M332.8%20377c-65.6%200-34.1-74-25-106.6c14.1-46.4-45.2-59-59.9.7l-25.8%20103.3H177l8.1-32.5c-31.5%2051.8-94.6%2044.4-94.6-4.3c.1-14.3.9-14%2023-104.1H81.7l9.7-35.6h76.4c-33.6%20133.7-32.6%20126.9-32.9%20138.2c0%2020.9%2040.9%2013.5%2057.4-23.2l19.8-79.4h-32.3l9.7-35.6h68.8l-8.9%2040.5c40.5-75.5%20127.9-47.8%20101.8%2038c-14.2%2051.1-14.6%2050.7-14.9%2058.8c0%2015.5%2017.5%2022.6%2031.8-16.9L386%20325c-10.5%2036.7-29.4%2052-53.2%2052%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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