vk logo

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

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

The same logo in other sets

vk-fillAkar Icons vkBoxicons Brands vkCoreUI Brands vkFont Awesome 6 Brands vkHuge Icons vkLine Awesome vkMaterial Design Icons vk-fillRemix Icon vkSimple Icons vkUnicons vkUnicons Monochrome

Use the vk logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M127.5 127.5C96 159 96 209.7 96 311v18c0 101.3 0 152 31.5 183.5S209.7 544 311 544h17.9c101.4 0 152.1 0 183.5-31.5S544 430.3 544 329v-17.9c0-101.4 0-152.1-31.5-183.5S430.3 96 329 96h-18c-101.3 0-152 0-183.5 31.5m44.1 104.8h51.1c1.7 85.5 39.4 121.7 69.3 129.2V232.3h48.2V306c29.5-3.2 60.5-36.8 70.9-73.7h48.2c-3.9 19.2-11.8 37.3-23.1 53.3s-25.7 29.5-42.5 39.6c18.7 9.3 35.2 22.4 48.4 38.5s22.9 34.9 28.3 55h-53c-4.9-17.5-14.8-33.1-28.6-45s-30.7-19.4-48.7-21.6v66.6h-5.8c-102.1 0-160.3-70-162.8-186.5z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7BrandsVk(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="M127.5 127.5C96 159 96 209.7 96 311v18c0 101.3 0 152 31.5 183.5S209.7 544 311 544h17.9c101.4 0 152.1 0 183.5-31.5S544 430.3 544 329v-17.9c0-101.4 0-152.1-31.5-183.5S430.3 96 329 96h-18c-101.3 0-152 0-183.5 31.5m44.1 104.8h51.1c1.7 85.5 39.4 121.7 69.3 129.2V232.3h48.2V306c29.5-3.2 60.5-36.8 70.9-73.7h48.2c-3.9 19.2-11.8 37.3-23.1 53.3s-25.7 29.5-42.5 39.6c18.7 9.3 35.2 22.4 48.4 38.5s22.9 34.9 28.3 55h-53c-4.9-17.5-14.8-33.1-28.6-45s-30.7-19.4-48.7-21.6v66.6h-5.8c-102.1 0-160.3-70-162.8-186.5z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M127.5 127.5C96 159 96 209.7 96 311v18c0 101.3 0 152 31.5 183.5S209.7 544 311 544h17.9c101.4 0 152.1 0 183.5-31.5S544 430.3 544 329v-17.9c0-101.4 0-152.1-31.5-183.5S430.3 96 329 96h-18c-101.3 0-152 0-183.5 31.5m44.1 104.8h51.1c1.7 85.5 39.4 121.7 69.3 129.2V232.3h48.2V306c29.5-3.2 60.5-36.8 70.9-73.7h48.2c-3.9 19.2-11.8 37.3-23.1 53.3s-25.7 29.5-42.5 39.6c18.7 9.3 35.2 22.4 48.4 38.5s22.9 34.9 28.3 55h-53c-4.9-17.5-14.8-33.1-28.6-45s-30.7-19.4-48.7-21.6v66.6h-5.8c-102.1 0-160.3-70-162.8-186.5z"/></svg>
</template>

CSS

.icon-vk {
  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%22M127.5%20127.5C96%20159%2096%20209.7%2096%20311v18c0%20101.3%200%20152%2031.5%20183.5S209.7%20544%20311%20544h17.9c101.4%200%20152.1%200%20183.5-31.5S544%20430.3%20544%20329v-17.9c0-101.4%200-152.1-31.5-183.5S430.3%2096%20329%2096h-18c-101.3%200-152%200-183.5%2031.5m44.1%20104.8h51.1c1.7%2085.5%2039.4%20121.7%2069.3%20129.2V232.3h48.2V306c29.5-3.2%2060.5-36.8%2070.9-73.7h48.2c-3.9%2019.2-11.8%2037.3-23.1%2053.3s-25.7%2029.5-42.5%2039.6c18.7%209.3%2035.2%2022.4%2048.4%2038.5s22.9%2034.9%2028.3%2055h-53c-4.9-17.5-14.8-33.1-28.6-45s-30.7-19.4-48.7-21.6v66.6h-5.8c-102.1%200-160.3-70-162.8-186.5z%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%22M127.5%20127.5C96%20159%2096%20209.7%2096%20311v18c0%20101.3%200%20152%2031.5%20183.5S209.7%20544%20311%20544h17.9c101.4%200%20152.1%200%20183.5-31.5S544%20430.3%20544%20329v-17.9c0-101.4%200-152.1-31.5-183.5S430.3%2096%20329%2096h-18c-101.3%200-152%200-183.5%2031.5m44.1%20104.8h51.1c1.7%2085.5%2039.4%20121.7%2069.3%20129.2V232.3h48.2V306c29.5-3.2%2060.5-36.8%2070.9-73.7h48.2c-3.9%2019.2-11.8%2037.3-23.1%2053.3s-25.7%2029.5-42.5%2039.6c18.7%209.3%2035.2%2022.4%2048.4%2038.5s22.9%2034.9%2028.3%2055h-53c-4.9-17.5-14.8-33.1-28.6-45s-30.7-19.4-48.7-21.6v66.6h-5.8c-102.1%200-160.3-70-162.8-186.5z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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