Vk Logo アイコン
streamline-ultimate-color:vk-logo
Vk Logo アイコン(streamline-ultimate-color:vk-logo)は、Ultimate color icons セットの無料 SVG アイコンです（作者: Streamline）。 24 × 24 のグリッドで描かれています。 Ultimate color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Ultimate color icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- ロゴ
- タグ
- vklogo
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="#66e1ff" d="M9.193 11.845c-1.017.553-3.122-3.875-3.552-4.97a1 1 0 0 0-.273-.369a1.4 1.4 0 0 0-.507-.205l-3.143.02s-.473.014-.646.219c-.154.183-.013.56-.013.56s2.46 5.565 5.248 8.466a6.9 6.9 0 0 0 5.458 2.296a11 11 0 0 0 1.913-.07c.526-.565-.136-2.104.974-2.457c.807-.255 1.844 1.73 2.943 2.487c.414.328.935.49 1.463.457l2.938-.034s1.536-.096.808-1.301a9.9 9.9 0 0 0-2.185-2.525c-1.843-1.71-1.595-1.435.624-4.391c1.352-1.8 1.891-2.9 1.722-3.371c-.16-.45-1.156-.331-1.156-.331l-3.302.017a.76.76 0 0 0-.428.074a.9.9 0 0 0-.286.355c-.456 1.212-2.632 5.637-3.527 5.059c-1.193-.773.6-5.51-1.136-5.931a5.7 5.7 0 0 0-1.543-.153a7.2 7.2 0 0 0-2.746.28c-.375.187-.67.596-.49.62c.375.033.722.209.973.49c.455.627.544 4.34-.13 4.708"/><path fill="#c2f3ff" d="M13.124 5.903a5.7 5.7 0 0 0-1.544-.153a7.2 7.2 0 0 0-2.745.28c-.376.187-.67.596-.491.62c.377.032.727.206.98.487c.457.625.546 4.338-.129 4.705c-1.02.556-3.124-3.872-3.554-4.965a1 1 0 0 0-.273-.37a1.4 1.4 0 0 0-.507-.206l-3.143.02s-.473.014-.646.219c-.154.183-.013.56-.013.56s2.46 5.565 5.248 8.467q.578.601 1.267 1.07l6.246-6.248c-.016-1.683.545-4.187-.696-4.486"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M9.196 11.845c-1.016.553-3.12-3.875-3.553-4.97a1 1 0 0 0-.272-.369a1.4 1.4 0 0 0-.508-.205l-3.144.02s-.472.014-.644.219c-.155.182-.013.56-.013.56s2.46 5.565 5.247 8.466a6.9 6.9 0 0 0 5.453 2.296a11 11 0 0 0 1.913-.07c.527-.565-.135-2.104.975-2.457c.807-.256 1.843 1.73 2.943 2.487c.414.328.935.49 1.462.457l2.939-.034s1.536-.096.807-1.301a9.8 9.8 0 0 0-2.184-2.525c-1.844-1.71-1.595-1.436.623-4.391c1.352-1.8 1.892-2.9 1.722-3.372c-.162-.45-1.156-.33-1.156-.33l-3.299.017a.76.76 0 0 0-.428.074a.9.9 0 0 0-.291.355c-.455 1.212-2.632 5.637-3.525 5.059c-1.194-.773.6-5.51-1.137-5.931a5.7 5.7 0 0 0-1.543-.153a7.2 7.2 0 0 0-2.745.28c-.377.187-.67.596-.491.62c.376.032.725.208.977.49c.458.627.547 4.34-.128 4.708"/></g></svg>Vk Logo アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-ultimate-color:vk-logo" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-ultimate-color:vk-logo" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-ultimate-color:vk-logo" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-ultimate-color--vk-logo]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-ultimate-color -->
<div class="i-streamline-ultimate-color:vk-logo"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-ultimate-color:vk-logo"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/vk-logo.svg" alt="Vk Logo アイコン" width="24" height="24">Vk Logo アイコン のよくある質問
Vk Logo アイコンは商用利用でも無料ですか?
はい。Ultimate color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Vk Logo アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-ultimate-color:vk-logo" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Vk Logo アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/vk-logo.svg" alt="Vk Logo アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。