Vk アイコン
uim:vk
Vk アイコン(uim:vk)は、Unicons Monochrome セットの無料 SVG アイコンです（作者: Iconscout）。 24 × 24 のグリッドで描かれています。 Unicons Monochrome icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Unicons Monochrome
- 作者
- Iconscout
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- カテゴリ
- ブランドロゴ
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M18.146 16.27h-1.459c-.552 0-.718-.447-1.708-1.437c-.864-.833-1.229-.937-1.448-.937c-.302 0-.385.083-.385.5v1.312c0 .355-.115.563-1.042.563a5.7 5.7 0 0 1-4.448-2.667a11.6 11.6 0 0 1-2.302-4.833c0-.219.083-.417.5-.417h1.458c.375 0 .51.167.657.552c.708 2.084 1.916 3.896 2.406 3.896c.187 0 .27-.083.27-.552v-2.146c-.062-.979-.583-1.062-.583-1.416a.36.36 0 0 1 .375-.334h2.292c.313 0 .417.156.417.531v2.896c0 .313.135.417.229.417c.187 0 .333-.104.677-.448c.739-.9 1.342-1.904 1.792-2.98a.63.63 0 0 1 .635-.416h1.458c.438 0 .532.219.438.531a18.2 18.2 0 0 1-1.958 3.365c-.157.24-.22.365 0 .646c.145.219.656.646 1 1.052c.5.499.915 1.076 1.229 1.708c.125.406-.084.615-.5.615z" opacity=".5"/><path fill="currentColor" d="M15.073 2H8.937C3.333 2 2 3.333 2 8.927v6.136C2 20.666 3.323 22 8.927 22h6.136C20.666 22 22 20.677 22 15.073V8.937C22 3.333 20.677 2 15.073 2m3.073 14.27h-1.459c-.552 0-.718-.447-1.708-1.437c-.864-.833-1.229-.937-1.448-.937c-.302 0-.385.083-.385.5v1.312c0 .355-.115.563-1.042.563a5.7 5.7 0 0 1-4.448-2.667a11.6 11.6 0 0 1-2.302-4.833c0-.219.083-.417.5-.417h1.458c.375 0 .51.167.657.552c.708 2.084 1.916 3.896 2.406 3.896c.188 0 .27-.083.27-.552v-2.146c-.062-.979-.582-1.062-.582-1.416a.36.36 0 0 1 .374-.334h2.292c.313 0 .417.156.417.531v2.896c0 .313.135.417.229.417c.188 0 .333-.104.677-.448a12 12 0 0 0 1.792-2.98a.63.63 0 0 1 .635-.416h1.459c.437 0 .53.219.437.531a18.2 18.2 0 0 1-1.958 3.365c-.157.24-.22.365 0 .646c.146.219.656.646 1 1.052c.5.499.915 1.076 1.229 1.708c.125.406-.084.615-.5.615z"/></svg>
Vk アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="uim:vk" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="uim:vk" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="uim:vk" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[uim--vk]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/uim -->
<div class="i-uim:vk"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="uim:vk"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/uim/vk.svg" alt="Vk アイコン" width="24" height="24">
Unicons Monochrome の関連アイコン
Vk アイコン のよくある質問
Vk アイコンは商用利用でも無料ですか?
はい。Unicons Monochrome icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Vk アイコンを使うには?
@iconify/react をインストールして <Icon icon="uim:vk" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Vk アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/uim/vk.svg" alt="Vk アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Unicons Monochrome アイコン をすべて見る →
ICONYZ
