Vk アイコン
fontisto:vk
Vk アイコン(fontisto:vk)は、Fontisto セットの無料 SVG アイコンです(作者: Kenan Gündoğan)。 24 × 24 のグリッドで描かれています。 Fontisto icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fontisto
- 作者
- Kenan Gündoğan
- ライセンス
- MIT
- サイズ
- 24 × 24
- カテゴリ
- ブランド
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M23.456 5.784a8.6 8.6 0 0 1-1.09 2.259l.019-.03q-.672 1.12-1.605 2.588q-.8 1.159-.847 1.2a1.3 1.3 0 0 0-.267.618l-.001.007a.9.9 0 0 0 .268.535l.4.446q3.21 3.299 3.611 4.548a.89.89 0 0 1-.112.829l.002-.003a.97.97 0 0 1-.784.289h.004h-2.636c-.337 0-.647-.118-.89-.314l.003.002a7 7 0 0 1-.951-.948l-.009-.012q-.691-.781-1.226-1.315q-1.782-1.694-2.63-1.694a.8.8 0 0 0-.516.135l.003-.002a.77.77 0 0 0-.16.584v-.004a13 13 0 0 0-.038 1.403v-.017v1.159a.78.78 0 0 1-.266.757l-.001.001a3.2 3.2 0 0 1-1.617.267l.013.001a8.3 8.3 0 0 1-4.275-1.268l.035.02A11.9 11.9 0 0 1 4.176 14.3l-.027-.042a26.4 26.4 0 0 1-2.471-3.992l-.07-.154A25 25 0 0 1 .375 7.31l-.06-.185a6.7 6.7 0 0 1-.31-1.535l-.002-.025q0-.758.892-.758h2.63a1.06 1.06 0 0 1 .739.225l-.002-.002c.2.219.348.488.421.788l.003.012a25.4 25.4 0 0 0 1.587 3.615l-.067-.137a14.6 14.6 0 0 0 1.623 2.576l-.023-.031q.8.982 1.248.982l.032.001a.4.4 0 0 0 .347-.2l.001-.002a1.8 1.8 0 0 0 .111-.787v.006v-3.879a3.2 3.2 0 0 0-.32-1.267l.008.019a3 3 0 0 0-.45-.695l.003.004a1.1 1.1 0 0 1-.311-.619l-.001-.006c0-.17.078-.323.2-.423l.001-.001a.68.68 0 0 1 .46-.178h4.154a.63.63 0 0 1 .559.222l.001.001a1.36 1.36 0 0 1 .159.763v-.005v5.173a1 1 0 0 0 .136.584l-.002-.004a.4.4 0 0 0 .333.178h.001a.95.95 0 0 0 .471-.162l-.003.002q.406-.28.709-.641l.004-.005a15.6 15.6 0 0 0 1.655-2.25l.039-.07c.344-.57.716-1.272 1.053-1.993l.062-.147l.446-.892a1.12 1.12 0 0 1 1.117-.759h-.003h2.631q1.066 0 .8.981z"/></svg>Vk アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fontisto:vk" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fontisto:vk" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fontisto:vk" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fontisto--vk]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fontisto -->
<div class="i-fontisto:vk"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fontisto:vk"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fontisto/vk.svg" alt="Vk アイコン" width="24" height="24">他のアイコンセットの Vk アイコン
Vk アイコン のよくある質問
Vk アイコンは商用利用でも無料ですか?
はい。Fontisto icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Vk アイコンを使うには?
@iconify/react をインストールして <Icon icon="fontisto:vk" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Vk アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fontisto/vk.svg" alt="Vk アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。