vivo logo

vivo from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
vivo
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the vivo logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.604 14.101c-1.159 0-1.262-.95-1.262-1.24s.103-1.242 1.262-1.242h2.062c1.16 0 1.263.951 1.263 1.242c0 .29-.104 1.24-1.263 1.24m-2.062-3.527c-2.142 0-2.333 1.752-2.333 2.287s.19 2.286 2.333 2.286h2.062c2.143 0 2.334-1.751 2.334-2.286s-.19-2.287-2.334-2.287m-5.477.107c-.286 0-.345.05-.456.213c-.11.164-2.022 3.082-2.022 3.082c-.06.09-.126.126-.206.126s-.145-.036-.206-.126c0 0-1.912-2.918-2.022-3.082s-.17-.213-.456-.213h-.668c-.154 0-.224.12-.127.267l2.283 3.467c.354.521.614.732 1.196.732s.842-.21 1.196-.732l2.284-3.467c.096-.146.026-.267-.128-.267m-8.876.284c0-.203.08-.284.283-.284h.505c.203 0 .283.08.283.283v3.9c0 .202-.08.283-.283.283h-.505c-.203 0-.283-.08-.283-.283zm-1.769-.285c-.287 0-.346.05-.456.213c-.11.164-2.022 3.082-2.022 3.082c-.061.09-.126.126-.206.126s-.145-.036-.206-.126c0 0-1.912-2.918-2.023-3.082c-.11-.164-.169-.213-.455-.213H.175c-.171 0-.224.12-.127.267l2.283 3.467c.355.521.615.732 1.197.732s.842-.21 1.196-.732l2.283-3.467c.097-.146.044-.267-.127-.267m1.055-.893c-.165-.164-.165-.295 0-.46l.351-.351c.165-.165.296-.165.46 0l.352.351c.165.165.165.296 0 .46l-.352.352c-.164.165-.295.165-.46 0z"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsVivo(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.604 14.101c-1.159 0-1.262-.95-1.262-1.24s.103-1.242 1.262-1.242h2.062c1.16 0 1.263.951 1.263 1.242c0 .29-.104 1.24-1.263 1.24m-2.062-3.527c-2.142 0-2.333 1.752-2.333 2.287s.19 2.286 2.333 2.286h2.062c2.143 0 2.334-1.751 2.334-2.286s-.19-2.287-2.334-2.287m-5.477.107c-.286 0-.345.05-.456.213c-.11.164-2.022 3.082-2.022 3.082c-.06.09-.126.126-.206.126s-.145-.036-.206-.126c0 0-1.912-2.918-2.022-3.082s-.17-.213-.456-.213h-.668c-.154 0-.224.12-.127.267l2.283 3.467c.354.521.614.732 1.196.732s.842-.21 1.196-.732l2.284-3.467c.096-.146.026-.267-.128-.267m-8.876.284c0-.203.08-.284.283-.284h.505c.203 0 .283.08.283.283v3.9c0 .202-.08.283-.283.283h-.505c-.203 0-.283-.08-.283-.283zm-1.769-.285c-.287 0-.346.05-.456.213c-.11.164-2.022 3.082-2.022 3.082c-.061.09-.126.126-.206.126s-.145-.036-.206-.126c0 0-1.912-2.918-2.023-3.082c-.11-.164-.169-.213-.455-.213H.175c-.171 0-.224.12-.127.267l2.283 3.467c.355.521.615.732 1.197.732s.842-.21 1.196-.732l2.283-3.467c.097-.146.044-.267-.127-.267m1.055-.893c-.165-.164-.165-.295 0-.46l.351-.351c.165-.165.296-.165.46 0l.352.351c.165.165.165.296 0 .46l-.352.352c-.164.165-.295.165-.46 0z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.604 14.101c-1.159 0-1.262-.95-1.262-1.24s.103-1.242 1.262-1.242h2.062c1.16 0 1.263.951 1.263 1.242c0 .29-.104 1.24-1.263 1.24m-2.062-3.527c-2.142 0-2.333 1.752-2.333 2.287s.19 2.286 2.333 2.286h2.062c2.143 0 2.334-1.751 2.334-2.286s-.19-2.287-2.334-2.287m-5.477.107c-.286 0-.345.05-.456.213c-.11.164-2.022 3.082-2.022 3.082c-.06.09-.126.126-.206.126s-.145-.036-.206-.126c0 0-1.912-2.918-2.022-3.082s-.17-.213-.456-.213h-.668c-.154 0-.224.12-.127.267l2.283 3.467c.354.521.614.732 1.196.732s.842-.21 1.196-.732l2.284-3.467c.096-.146.026-.267-.128-.267m-8.876.284c0-.203.08-.284.283-.284h.505c.203 0 .283.08.283.283v3.9c0 .202-.08.283-.283.283h-.505c-.203 0-.283-.08-.283-.283zm-1.769-.285c-.287 0-.346.05-.456.213c-.11.164-2.022 3.082-2.022 3.082c-.061.09-.126.126-.206.126s-.145-.036-.206-.126c0 0-1.912-2.918-2.023-3.082c-.11-.164-.169-.213-.455-.213H.175c-.171 0-.224.12-.127.267l2.283 3.467c.355.521.615.732 1.197.732s.842-.21 1.196-.732l2.283-3.467c.097-.146.044-.267-.127-.267m1.055-.893c-.165-.164-.165-.295 0-.46l.351-.351c.165-.165.296-.165.46 0l.352.351c.165.165.165.296 0 .46l-.352.352c-.164.165-.295.165-.46 0z"/></svg>
</template>

CSS

.icon-vivo {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.604%2014.101c-1.159%200-1.262-.95-1.262-1.24s.103-1.242%201.262-1.242h2.062c1.16%200%201.263.951%201.263%201.242c0%20.29-.104%201.24-1.263%201.24m-2.062-3.527c-2.142%200-2.333%201.752-2.333%202.287s.19%202.286%202.333%202.286h2.062c2.143%200%202.334-1.751%202.334-2.286s-.19-2.287-2.334-2.287m-5.477.107c-.286%200-.345.05-.456.213c-.11.164-2.022%203.082-2.022%203.082c-.06.09-.126.126-.206.126s-.145-.036-.206-.126c0%200-1.912-2.918-2.022-3.082s-.17-.213-.456-.213h-.668c-.154%200-.224.12-.127.267l2.283%203.467c.354.521.614.732%201.196.732s.842-.21%201.196-.732l2.284-3.467c.096-.146.026-.267-.128-.267m-8.876.284c0-.203.08-.284.283-.284h.505c.203%200%20.283.08.283.283v3.9c0%20.202-.08.283-.283.283h-.505c-.203%200-.283-.08-.283-.283zm-1.769-.285c-.287%200-.346.05-.456.213c-.11.164-2.022%203.082-2.022%203.082c-.061.09-.126.126-.206.126s-.145-.036-.206-.126c0%200-1.912-2.918-2.023-3.082c-.11-.164-.169-.213-.455-.213H.175c-.171%200-.224.12-.127.267l2.283%203.467c.355.521.615.732%201.197.732s.842-.21%201.196-.732l2.283-3.467c.097-.146.044-.267-.127-.267m1.055-.893c-.165-.164-.165-.295%200-.46l.351-.351c.165-.165.296-.165.46%200l.352.351c.165.165.165.296%200%20.46l-.352.352c-.164.165-.295.165-.46%200z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.604%2014.101c-1.159%200-1.262-.95-1.262-1.24s.103-1.242%201.262-1.242h2.062c1.16%200%201.263.951%201.263%201.242c0%20.29-.104%201.24-1.263%201.24m-2.062-3.527c-2.142%200-2.333%201.752-2.333%202.287s.19%202.286%202.333%202.286h2.062c2.143%200%202.334-1.751%202.334-2.286s-.19-2.287-2.334-2.287m-5.477.107c-.286%200-.345.05-.456.213c-.11.164-2.022%203.082-2.022%203.082c-.06.09-.126.126-.206.126s-.145-.036-.206-.126c0%200-1.912-2.918-2.022-3.082s-.17-.213-.456-.213h-.668c-.154%200-.224.12-.127.267l2.283%203.467c.354.521.614.732%201.196.732s.842-.21%201.196-.732l2.284-3.467c.096-.146.026-.267-.128-.267m-8.876.284c0-.203.08-.284.283-.284h.505c.203%200%20.283.08.283.283v3.9c0%20.202-.08.283-.283.283h-.505c-.203%200-.283-.08-.283-.283zm-1.769-.285c-.287%200-.346.05-.456.213c-.11.164-2.022%203.082-2.022%203.082c-.061.09-.126.126-.206.126s-.145-.036-.206-.126c0%200-1.912-2.918-2.023-3.082c-.11-.164-.169-.213-.455-.213H.175c-.171%200-.224.12-.127.267l2.283%203.467c.355.521.615.732%201.197.732s.842-.21%201.196-.732l2.283-3.467c.097-.146.044-.267-.127-.267m1.055-.893c-.165-.164-.165-.295%200-.46l.351-.351c.165-.165.296-.165.46%200l.352.351c.165.165.165.296%200%20.46l-.352.352c-.164.165-.295.165-.46%200z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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