vk logo
vk from Boxicons Brands by Boxicons · Logo · MIT Free for personal and commercial use.
- Name
- vk
- Set
- Boxicons Brands
- Style
- Logo
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the vk logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.579 6.855c.14-.465 0-.806-.662-.806h-2.193c-.558 0-.813.295-.953.619c0 0-1.115 2.719-2.695 4.482c-.51.513-.743.675-1.021.675c-.139 0-.341-.162-.341-.627V6.855c0-.558-.161-.806-.626-.806H9.642c-.348 0-.558.258-.558.504c0 .528.79.65.871 2.138v3.228c0 .707-.127.836-.407.836c-.743 0-2.551-2.729-3.624-5.853c-.209-.607-.42-.852-.98-.852H2.752c-.627 0-.752.295-.752.619c0 .582.743 3.462 3.461 7.271c1.812 2.601 4.363 4.011 6.687 4.011c1.393 0 1.565-.313 1.565-.853v-1.966c0-.626.133-.752.574-.752c.324 0 .882.164 2.183 1.417c1.486 1.486 1.732 2.153 2.567 2.153h2.192c.626 0 .939-.313.759-.931c-.197-.615-.907-1.51-1.849-2.569c-.512-.604-1.277-1.254-1.51-1.579c-.325-.419-.231-.604 0-.976c.001.001 2.672-3.761 2.95-5.04"/></svg>
React
import type { SVGProps } from "react";
export function BxlVk(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="M21.579 6.855c.14-.465 0-.806-.662-.806h-2.193c-.558 0-.813.295-.953.619c0 0-1.115 2.719-2.695 4.482c-.51.513-.743.675-1.021.675c-.139 0-.341-.162-.341-.627V6.855c0-.558-.161-.806-.626-.806H9.642c-.348 0-.558.258-.558.504c0 .528.79.65.871 2.138v3.228c0 .707-.127.836-.407.836c-.743 0-2.551-2.729-3.624-5.853c-.209-.607-.42-.852-.98-.852H2.752c-.627 0-.752.295-.752.619c0 .582.743 3.462 3.461 7.271c1.812 2.601 4.363 4.011 6.687 4.011c1.393 0 1.565-.313 1.565-.853v-1.966c0-.626.133-.752.574-.752c.324 0 .882.164 2.183 1.417c1.486 1.486 1.732 2.153 2.567 2.153h2.192c.626 0 .939-.313.759-.931c-.197-.615-.907-1.51-1.849-2.569c-.512-.604-1.277-1.254-1.51-1.579c-.325-.419-.231-.604 0-.976c.001.001 2.672-3.761 2.95-5.04"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.579 6.855c.14-.465 0-.806-.662-.806h-2.193c-.558 0-.813.295-.953.619c0 0-1.115 2.719-2.695 4.482c-.51.513-.743.675-1.021.675c-.139 0-.341-.162-.341-.627V6.855c0-.558-.161-.806-.626-.806H9.642c-.348 0-.558.258-.558.504c0 .528.79.65.871 2.138v3.228c0 .707-.127.836-.407.836c-.743 0-2.551-2.729-3.624-5.853c-.209-.607-.42-.852-.98-.852H2.752c-.627 0-.752.295-.752.619c0 .582.743 3.462 3.461 7.271c1.812 2.601 4.363 4.011 6.687 4.011c1.393 0 1.565-.313 1.565-.853v-1.966c0-.626.133-.752.574-.752c.324 0 .882.164 2.183 1.417c1.486 1.486 1.732 2.153 2.567 2.153h2.192c.626 0 .939-.313.759-.931c-.197-.615-.907-1.51-1.849-2.569c-.512-.604-1.277-1.254-1.51-1.579c-.325-.419-.231-.604 0-.976c.001.001 2.672-3.761 2.95-5.04"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21.579%206.855c.14-.465%200-.806-.662-.806h-2.193c-.558%200-.813.295-.953.619c0%200-1.115%202.719-2.695%204.482c-.51.513-.743.675-1.021.675c-.139%200-.341-.162-.341-.627V6.855c0-.558-.161-.806-.626-.806H9.642c-.348%200-.558.258-.558.504c0%20.528.79.65.871%202.138v3.228c0%20.707-.127.836-.407.836c-.743%200-2.551-2.729-3.624-5.853c-.209-.607-.42-.852-.98-.852H2.752c-.627%200-.752.295-.752.619c0%20.582.743%203.462%203.461%207.271c1.812%202.601%204.363%204.011%206.687%204.011c1.393%200%201.565-.313%201.565-.853v-1.966c0-.626.133-.752.574-.752c.324%200%20.882.164%202.183%201.417c1.486%201.486%201.732%202.153%202.567%202.153h2.192c.626%200%20.939-.313.759-.931c-.197-.615-.907-1.51-1.849-2.569c-.512-.604-1.277-1.254-1.51-1.579c-.325-.419-.231-.604%200-.976c.001.001%202.672-3.761%202.95-5.04%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%22M21.579%206.855c.14-.465%200-.806-.662-.806h-2.193c-.558%200-.813.295-.953.619c0%200-1.115%202.719-2.695%204.482c-.51.513-.743.675-1.021.675c-.139%200-.341-.162-.341-.627V6.855c0-.558-.161-.806-.626-.806H9.642c-.348%200-.558.258-.558.504c0%20.528.79.65.871%202.138v3.228c0%20.707-.127.836-.407.836c-.743%200-2.551-2.729-3.624-5.853c-.209-.607-.42-.852-.98-.852H2.752c-.627%200-.752.295-.752.619c0%20.582.743%203.462%203.461%207.271c1.812%202.601%204.363%204.011%206.687%204.011c1.393%200%201.565-.313%201.565-.853v-1.966c0-.626.133-.752.574-.752c.324%200%20.882.164%202.183%201.417c1.486%201.486%201.732%202.153%202.567%202.153h2.192c.626%200%20.939-.313.759-.931c-.197-.615-.907-1.51-1.849-2.569c-.512-.604-1.277-1.254-1.51-1.579c-.325-.419-.231-.604%200-.976c.001.001%202.672-3.761%202.95-5.04%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bxl/vk.svg?color=%231a73e8&size=48
