vnv logo

vnv from Font Awesome Brands by Dave Gandy · Brand · CC-BY-4.0 Attribution required.

Name: vnv
Set: Font Awesome Brands
Style: Brand
Viewbox: 640×640
License: CC BY 4.0

The same logo in other sets

vnvFont Awesome 6 Brands vnvLine Awesome

Use the vnv logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M104.9 416c-34.1 0-46.4-30.4-46.4-30.4L2.6 274.1S-7.8 256 13 256h32.8c10.4 0 13.2 8.7 18.8 18.1l36.7 74.5s5.2 13.1 21.1 13.1s21.1-13.1 21.1-13.1l36.7-74.5c5.6-9.5 8.4-18.1 18.8-18.1h32.8c20.8 0 10.4 18.1 10.4 18.1l-55.8 111.5S174.2 416 140 416zm395 0c-34.1 0-46.4-30.4-46.4-30.4l-55.9-111.5S387.2 256 408 256h32.8c10.4 0 13.2 8.7 18.8 18.1l36.7 74.5s5.2 13.1 21.1 13.1s21.1-13.1 21.1-13.1l36.8-74.5c5.6-9.5 8.4-18.1 18.8-18.1H627c20.8 0 10.4 18.1 10.4 18.1l-55.9 111.5S569.3 416 535.1 416zM337.6 256c34.1 0 46.4 30.4 46.4 30.4l55.9 111.5s10.4 18.1-10.4 18.1h-32.8c-10.4 0-13.2-8.7-18.8-18.1l-36.7-74.5s-5.2-13.1-21.1-13.1s-21.1 13.1-21.1 13.1l-36.7 74.5c-5.6 9.4-8.4 18.1-18.8 18.1h-32.9c-20.8 0-10.4-18.1-10.4-18.1l55.9-111.5s12.2-30.4 46.4-30.4z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7BrandsVnv(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M104.9 416c-34.1 0-46.4-30.4-46.4-30.4L2.6 274.1S-7.8 256 13 256h32.8c10.4 0 13.2 8.7 18.8 18.1l36.7 74.5s5.2 13.1 21.1 13.1s21.1-13.1 21.1-13.1l36.7-74.5c5.6-9.5 8.4-18.1 18.8-18.1h32.8c20.8 0 10.4 18.1 10.4 18.1l-55.8 111.5S174.2 416 140 416zm395 0c-34.1 0-46.4-30.4-46.4-30.4l-55.9-111.5S387.2 256 408 256h32.8c10.4 0 13.2 8.7 18.8 18.1l36.7 74.5s5.2 13.1 21.1 13.1s21.1-13.1 21.1-13.1l36.8-74.5c5.6-9.5 8.4-18.1 18.8-18.1H627c20.8 0 10.4 18.1 10.4 18.1l-55.9 111.5S569.3 416 535.1 416zM337.6 256c34.1 0 46.4 30.4 46.4 30.4l55.9 111.5s10.4 18.1-10.4 18.1h-32.8c-10.4 0-13.2-8.7-18.8-18.1l-36.7-74.5s-5.2-13.1-21.1-13.1s-21.1 13.1-21.1 13.1l-36.7 74.5c-5.6 9.4-8.4 18.1-18.8 18.1h-32.9c-20.8 0-10.4-18.1-10.4-18.1l55.9-111.5s12.2-30.4 46.4-30.4z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M104.9 416c-34.1 0-46.4-30.4-46.4-30.4L2.6 274.1S-7.8 256 13 256h32.8c10.4 0 13.2 8.7 18.8 18.1l36.7 74.5s5.2 13.1 21.1 13.1s21.1-13.1 21.1-13.1l36.7-74.5c5.6-9.5 8.4-18.1 18.8-18.1h32.8c20.8 0 10.4 18.1 10.4 18.1l-55.8 111.5S174.2 416 140 416zm395 0c-34.1 0-46.4-30.4-46.4-30.4l-55.9-111.5S387.2 256 408 256h32.8c10.4 0 13.2 8.7 18.8 18.1l36.7 74.5s5.2 13.1 21.1 13.1s21.1-13.1 21.1-13.1l36.8-74.5c5.6-9.5 8.4-18.1 18.8-18.1H627c20.8 0 10.4 18.1 10.4 18.1l-55.9 111.5S569.3 416 535.1 416zM337.6 256c34.1 0 46.4 30.4 46.4 30.4l55.9 111.5s10.4 18.1-10.4 18.1h-32.8c-10.4 0-13.2-8.7-18.8-18.1l-36.7-74.5s-5.2-13.1-21.1-13.1s-21.1 13.1-21.1 13.1l-36.7 74.5c-5.6 9.4-8.4 18.1-18.8 18.1h-32.9c-20.8 0-10.4-18.1-10.4-18.1l55.9-111.5s12.2-30.4 46.4-30.4z"/></svg>
</template>

CSS

.icon-vnv {
  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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M104.9%20416c-34.1%200-46.4-30.4-46.4-30.4L2.6%20274.1S-7.8%20256%2013%20256h32.8c10.4%200%2013.2%208.7%2018.8%2018.1l36.7%2074.5s5.2%2013.1%2021.1%2013.1s21.1-13.1%2021.1-13.1l36.7-74.5c5.6-9.5%208.4-18.1%2018.8-18.1h32.8c20.8%200%2010.4%2018.1%2010.4%2018.1l-55.8%20111.5S174.2%20416%20140%20416zm395%200c-34.1%200-46.4-30.4-46.4-30.4l-55.9-111.5S387.2%20256%20408%20256h32.8c10.4%200%2013.2%208.7%2018.8%2018.1l36.7%2074.5s5.2%2013.1%2021.1%2013.1s21.1-13.1%2021.1-13.1l36.8-74.5c5.6-9.5%208.4-18.1%2018.8-18.1H627c20.8%200%2010.4%2018.1%2010.4%2018.1l-55.9%20111.5S569.3%20416%20535.1%20416zM337.6%20256c34.1%200%2046.4%2030.4%2046.4%2030.4l55.9%20111.5s10.4%2018.1-10.4%2018.1h-32.8c-10.4%200-13.2-8.7-18.8-18.1l-36.7-74.5s-5.2-13.1-21.1-13.1s-21.1%2013.1-21.1%2013.1l-36.7%2074.5c-5.6%209.4-8.4%2018.1-18.8%2018.1h-32.9c-20.8%200-10.4-18.1-10.4-18.1l55.9-111.5s12.2-30.4%2046.4-30.4z%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M104.9%20416c-34.1%200-46.4-30.4-46.4-30.4L2.6%20274.1S-7.8%20256%2013%20256h32.8c10.4%200%2013.2%208.7%2018.8%2018.1l36.7%2074.5s5.2%2013.1%2021.1%2013.1s21.1-13.1%2021.1-13.1l36.7-74.5c5.6-9.5%208.4-18.1%2018.8-18.1h32.8c20.8%200%2010.4%2018.1%2010.4%2018.1l-55.8%20111.5S174.2%20416%20140%20416zm395%200c-34.1%200-46.4-30.4-46.4-30.4l-55.9-111.5S387.2%20256%20408%20256h32.8c10.4%200%2013.2%208.7%2018.8%2018.1l36.7%2074.5s5.2%2013.1%2021.1%2013.1s21.1-13.1%2021.1-13.1l36.8-74.5c5.6-9.5%208.4-18.1%2018.8-18.1H627c20.8%200%2010.4%2018.1%2010.4%2018.1l-55.9%20111.5S569.3%20416%20535.1%20416zM337.6%20256c34.1%200%2046.4%2030.4%2046.4%2030.4l55.9%20111.5s10.4%2018.1-10.4%2018.1h-32.8c-10.4%200-13.2-8.7-18.8-18.1l-36.7-74.5s-5.2-13.1-21.1-13.1s-21.1%2013.1-21.1%2013.1l-36.7%2074.5c-5.6%209.4-8.4%2018.1-18.8%2018.1h-32.9c-20.8%200-10.4-18.1-10.4-18.1l55.9-111.5s12.2-30.4%2046.4-30.4z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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