Social Vkontakte icon
simple-line-icons:social-vkontakte
The Social Vkontakte icon (simple-line-icons:social-vkontakte) is a free SVG icon from the Simple line icons set by Sabbir Ahmed. It is drawn on a 1024 × 1024 grid. Simple line icons are released under the MIT 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
- Simple line icons
- Author
- Sabbir Ahmed
- License
- MIT
- Size
- 1024 × 1024
- Tags
- socialvkontakte
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M3 248c0-38 26-53 58-55l149 1c9 0 17 6 20 15c34 110 76 178 126 255c3 6 8 9 13 9c4 0 8-2 11-7l3-11l1-173c0-25-12-29-40-33c-11-2-18-12-18-22c0-2 0-4 1-6c14-43 58-65 120-65l56-1c46 0 88 20 88 79v227c4 3 8 5 13 5c8 0 18-5 26-18c52-73 111-160 119-206c0-2 1-3 2-5c11-22 39-37 51-41c2-1 5-2 9-2h155l10 1c15 0 26 10 31 19c9 14 7 29 8 35v7c-15 91-119 193-163 259c-6 8-9 15-9 22c0 6 3 12 8 18l146 184c8 11 12 24 12 35c0 33-31 52-61 55l-17 1H779c-3 0-5 1-8 1c-17 0-31-9-41-19c-32-39-63-79-94-118c-6-8-8-9-14-13c-7 29-13 59-20 89l-3 17c-5 18-18 37-42 42l-14 1h-98C272 830 117 584 8 277c-3-8-5-19-5-29m601 259c-26 0-55-15-55-43V234c0-27-12-37-45-37l-57 2c-32 0-50 5-65 15c23 11 44 26 44 68v176c-3 35-32 58-60 58c-19 0-36-11-46-29c-45-68-83-132-116-224l-9-26l-133-1c-18 0-16 1-16 10c0 6 1 14 2 19l21 56c109 282 246 467 376 467h100c14 0 13-17 16-27l19-88c4-9 7-17 14-24c8-8 17-11 26-11c19 0 37 15 49 29l85 108c7 11 13 13 17 13h165c16 0 30-5 30-15c0-3-1-7-3-10L818 582c-12-15-17-30-17-45c0-16 6-32 16-46c42-63 132-153 153-227l3-13c-1-5-1-9-2-14H814q-15 6-24 18l-6 19c-23 64-86 152-131 213c-15 14-32 20-49 20"/></svg>How to use the Social Vkontakte icon
React
import { Icon } from "@iconify/react";
<Icon icon="simple-line-icons:social-vkontakte" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-line-icons:social-vkontakte" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-line-icons:social-vkontakte" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-line-icons--social-vkontakte]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-line-icons -->
<div class="i-simple-line-icons:social-vkontakte"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-line-icons:social-vkontakte"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/simple-line-icons/social-vkontakte.svg" alt="Social Vkontakte icon" width="24" height="24">Related icons in Simple line icons
Social Vkontakte icon FAQ
Is the Social Vkontakte icon free for commercial use?
Yes. Simple line icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Social Vkontakte icon in React?
Install @iconify/react and render <Icon icon="simple-line-icons:social-vkontakte" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Social Vkontakte icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/simple-line-icons/social-vkontakte.svg" alt="Social Vkontakte icon">, or paste the SVG code inline to style it with CSS.