Social Vkontakte アイコン
simple-line-icons:social-vkontakte
Social Vkontakte アイコン(simple-line-icons:social-vkontakte)は、Simple line icons セットの無料 SVG アイコンです（作者: Sabbir Ahmed）。 1024 × 1024 のグリッドで描かれています。 Simple line icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Simple line icons
- 作者
- Sabbir Ahmed
- ライセンス
- MIT
- サイズ
- 1024 × 1024
- タグ
- socialvkontakte
SVG コード
<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>
Social Vkontakte アイコンの使い方
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 コンポーネント
<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 画像
<img src="https://iconyz.com/api/public/svg/simple-line-icons/social-vkontakte.svg" alt="Social Vkontakte アイコン" width="24" height="24">
Simple line icons の関連アイコン
Social Vkontakte アイコン のよくある質問
Social Vkontakte アイコンは商用利用でも無料ですか?
はい。Simple line icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Social Vkontakte アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-line-icons:social-vkontakte" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Social Vkontakte アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-line-icons/social-vkontakte.svg" alt="Social Vkontakte アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Simple line icons をすべて見る →
ICONYZ
