Invision icon

logos:invision

The Invision icon (logos:invision) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 175 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: SVG Logos
Author: Gil Barbara
License: CC0-1.0
Size: 512 × 175

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="175" viewBox="0 0 512 175"><path fill="#f06" d="M174.743 0v63.262h9.056l16.835 46.79l16.972-46.79h19.485l-27.84 69.462h-17.495l-17.013-42.452v84.478H0V0zm127.06 61.669c20.81 0 27.97 13.258 28.5 23.468h-18.161c-.398-4.374-3.714-8.356-10.47-8.356c-6.111 0-9.544 2.918-9.544 6.763c0 11.665 38.442 0 38.442 28.5c0 12.461-10.608 22.266-29.427 22.266c-21.744 0-29.166-11.13-30.093-24.127h19.087c.268 4.641 3.714 9.015 11.535 9.015c7.154 0 10.868-2.52 10.868-6.358c0-11.665-38.572-.666-38.572-28.239c0-12.592 10.738-22.932 27.834-22.932m101.806 0c22.273 0 36.458 16.567 36.458 36.32s-14.192 36.32-36.458 36.32s-36.45-16.573-36.45-36.32c0-19.746 14.184-36.32 36.45-36.32m82.809 0c16.704 0 25.582 11.136 25.582 27.704v43.358h-18.82V91.5c0-8.08-3.446-13.65-11.802-13.65c-9.145 0-14.178 5.823-14.178 15.106v39.767h-18.826V63.262h17.364v8.486c3.186-5.96 10.34-10.079 20.68-10.079M261.89 63.262v69.462h-18.826V63.262zm97.021 0v69.462h-18.826V63.262zm44.697 14.981c-9.949 0-17.625 7.285-17.625 19.746c0 12.462 7.69 19.753 17.625 19.753c9.962 0 17.631-7.298 17.631-19.753s-7.683-19.746-17.631-19.746"/><path fill="#fff" d="M61.186 55.01c5.526-.065 9.96-4.586 9.917-10.112s-4.546-9.978-10.072-9.956c-5.526.02-9.995 4.507-9.996 10.033a10.07 10.07 0 0 0 10.151 10.034m-21.132 53.753a34.6 34.6 0 0 0-.899 7.55c0 8.84 4.804 14.708 14.982 14.708c8.45 0 15.299-5.017 20.227-13.123l-3.007 12.086h16.774L97.74 91.55c2.381-9.766 7.028-14.845 14.07-14.845c5.538 0 8.984 3.432 8.984 9.135a18 18 0 0 1-.749 5.394l-4.941 17.728a26.6 26.6 0 0 0-1.05 7.488c0 8.394 4.941 14.53 15.277 14.53c8.84 0 15.882-5.69 19.774-19.32l-6.59-2.547c-3.294 9.135-6.176 10.782-8.386 10.782s-3.432-1.496-3.432-4.488c.065-1.573.316-3.133.748-4.647l4.805-17.22a38 38 0 0 0 1.654-10.926c0-12.882-7.79-19.608-17.234-19.608c-8.833 0-17.844 7.975-22.32 16.362l3.302-15.058H76.004l-3.596 13.267h11.99l-7.385 29.546c-5.793 12.882-16.472 13.088-17.776 12.793c-2.196-.494-3.596-1.331-3.596-4.18a28.3 28.3 0 0 1 1.05-6.863l11.235-44.57H39.464L35.867 77.57H47.7z"/></svg>

How to use the Invision icon

React

import { Icon } from "@iconify/react";

<Icon icon="logos:invision" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:invision" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:invision" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--invision]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:invision"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:invision"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/invision.svg" alt="Invision icon" width="24" height="24">

Related icons in SVG Logos

Invision icon in other icon sets

Invision icon FAQ

Is the Invision icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Invision icon in React?

Install @iconify/react and render <Icon icon="logos:invision" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Invision icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/invision.svg" alt="Invision icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →