Vkontakte アイコン

el:vkontakte

Vkontakte アイコン(el:vkontakte)は、Elusive Icons セットの無料 SVG アイコンです（作者: Team Redux）。 1200 × 1200 のグリッドで描かれています。 Elusive Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Elusive Icons
作者: Team Redux
ライセンス: OFL-1.1
サイズ: 1200 × 1200

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200" viewBox="0 0 1200 1200"><path fill="currentColor" d="M0 0v1200h1200V0zm532.69 320.874c33.977-.352 67.21 3.415 83.423 3.882c60.1 1.73 70.714 32.127 69.945 57.129c-1.124 36.617-24.683 191.51 18.971 206.616c63.609-34.014 106.265-139.659 137.328-206.616c15.714-33.868 13.229-35.551 49.438-35.596l143.848-.22c34.641-.043 33.289-1.258 44.386 12.891c25.81 32.908-81.447 169.794-116.09 207.642c-63.929 69.847-26.63 96.895-16.332 106.494c47.709 44.483 93.809 90.611 122.461 133.154c22.778 33.822 13.37 65.312-15.602 66.504l-154.248 6.372c-51.186 2.104-130.776-89.652-143.48-109.644c-10.274-16.49-59.789-37.157-64.453 4.979l-6.52 58.813c-4.734 42.041-35.775 41.06-60.277 42.113c-169.669 7.301-227.45-57.297-312.892-152.637c-62.621-88.56-122.38-177.629-171.899-284.326c-14.822-31.938-22.673-55.367-24.683-80.2c24.916-19.474 112.373-11.086 171.094-12.378c16.061-.354 26.898 8.849 35.376 27.173c33.081 71.513 69.159 141.739 116.895 203.833c20.789 19.148 39.167 26.189 48.34-12.743c5.326-.49 4.898-64.964 5.2-113.6c.207-33.394-3.716-73.441-60.278-91.919c11.441-29.989 56.365-37.263 100.049-37.716"/></svg>

Vkontakte アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="el:vkontakte" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="el:vkontakte" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="el:vkontakte" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[el--vkontakte]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/el -->
<div class="i-el:vkontakte"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="el:vkontakte"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/el/vkontakte.svg" alt="Vkontakte アイコン" width="24" height="24">

Vkontakte アイコンのよくある質問

Vkontakte アイコンは商用利用でも無料ですか?

はい。Elusive Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。

React で Vkontakte アイコンを使うには?

@iconify/react をインストールして <Icon icon="el:vkontakte" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Vkontakte アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/el/vkontakte.svg" alt="Vkontakte アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Elusive Icons をすべて見る →