Vercel アイコン

Q: Vercel アイコンは商用利用でも無料ですか?

はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

logos:vercel

Vercel アイコン(logos:vercel)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 512 × 103 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: SVG Logos
作者: Gil Barbara
ライセンス: CC0-1.0
サイズ: 512 × 103

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="103" viewBox="0 0 512 103"><path d="M117.647 102.302L58.824 0L0 102.302zm59.333-4.657L226.14 4.65h-21.264l-33.912 67.537L137.053 4.65h-21.264l49.16 92.995zM512 4.65v92.995h-17.603V4.65zm-97.988 58.285q0-10.87 4.538-19.122q4.54-8.252 12.652-12.705q8.114-4.454 18.98-4.454q9.627 0 17.328 4.192q7.701 4.191 12.24 12.443q4.538 8.25 4.676 20.17v4.06h-51.847q.548 8.645 5.087 13.623q4.677 4.846 12.516 4.846q4.952 0 9.075-2.62q4.127-2.62 6.19-7.072l18.017 1.31q-3.303 9.822-12.377 15.717q-9.079 5.895-20.905 5.894q-10.865 0-18.98-4.454q-8.112-4.452-12.652-12.704q-4.538-8.252-4.538-19.124m52.26-6.548q-.962-8.514-5.364-12.443q-4.4-4.06-10.726-4.06q-7.29 0-11.827 4.322c-3.028 2.881-4.905 6.941-5.64 12.18zm-81.963-12.443q4.401 3.536 5.502 9.823l18.151-.917q-.962-7.989-5.638-13.884q-4.675-5.893-12.103-9.037q-7.286-3.275-16.09-3.275c-7.244 0-13.568 1.485-18.98 4.454q-8.113 4.453-12.652 12.705q-4.537 8.25-4.537 19.122t4.537 19.124q4.54 8.251 12.653 12.704q8.114 4.455 18.979 4.454q9.076 0 16.503-3.275q7.428-3.405 12.103-9.561q4.676-6.156 5.638-14.408l-18.29-.786q-.964 6.942-5.363 10.74q-4.403 3.668-10.591 3.668q-8.525 0-13.203-5.894q-4.674-5.895-4.674-16.766t4.674-16.765q4.678-5.895 13.203-5.894q5.914 0 10.178 3.668m-89.3-15.721h16.383l.473 13.36q1.742-5.672 4.85-8.81q4.504-4.55 12.559-4.55h6.69v14.3h-6.826q-5.734 0-9.42 1.56q-3.55 1.56-5.46 4.94q-1.774 3.381-1.774 8.58v40.042H295.01zm-75.56 15.59q-4.54 8.25-4.54 19.122t4.54 19.124T232.1 94.763q8.115 4.455 18.979 4.454q11.827 0 20.903-5.894q9.079-5.895 12.378-15.718l-18.016-1.31q-2.062 4.454-6.188 7.073q-4.127 2.62-9.077 2.62q-7.84 0-12.515-4.846q-4.539-4.979-5.089-13.622h51.849v-4.06q-.139-11.92-4.676-20.171q-4.538-8.252-12.24-12.443q-7.7-4.192-17.33-4.192q-10.864 0-18.978 4.454t-12.653 12.705m42.359.13q4.399 3.93 5.363 12.444h-33.557q1.1-7.86 5.638-12.181q4.538-4.323 11.828-4.323q6.325 0 10.728 4.06"/></svg>

Vercel アイコンの使い方

React

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

<Icon icon="logos:vercel" width="24" />

Vue

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

<template>
  <Icon icon="logos:vercel" width="24" />
</template>

Svelte

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

<Icon icon="logos:vercel" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="logos:vercel"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/logos/vercel.svg" alt="Vercel アイコン" width="24" height="24">

SVG Logos の関連アイコン

他のアイコンセットの Vercel アイコン

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

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

はい。SVG Logos icons は CC0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

SVG Logos アイコンをすべて見る →