Vercel Ai Sdk アイコン
logos:vercel-ai-sdk
Vercel Ai Sdk アイコン(logos:vercel-ai-sdk)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 512 × 138 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SVG Logos
- 作者
- Gil Barbara
- ライセンス
- CC0-1.0
- サイズ
- 512 × 138
- タグ
- vercelai、aisdk、vercelaisdk
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="138" viewBox="0 0 512 138"><path d="m79.995.22l49.38 136.897h-26.23l-11.336-32.395H37.622l-11.391 32.395H0L49.362.22zM64.79 25.48L44.94 83.334h39.512zM212.636.22v21.774h-21.975v93.35h23.113v21.773h-71.54v-21.774h23.352v-93.35h-22.178V.22zM443.029 0C481.12 0 512 30.88 512 68.971s-30.88 68.971-68.971 68.971H311.69c-38.091 0-68.97-30.88-68.97-68.97C242.72 30.878 273.598 0 311.69 0zM311.69 13.28c-30.751 0-55.68 24.93-55.68 55.682s24.929 55.681 55.68 55.681h131.34c30.743-.01 55.662-24.93 55.672-55.672a55.67 55.67 0 0 0-55.672-55.69zm5.118 49.491c16.069 3.54 26.286 10.4 26.286 21.829c0 13.629-12.015 21.315-27.478 21.315c-17.481 0-29.826-9.704-30.835-24.856l15.463-.697c1.32 7.668 6.787 12.73 15.775 12.73c6.86 0 11.52-2.733 11.41-7.979c-.092-5.283-4.55-8.31-15.775-11.024c-15.555-3.742-25.57-10.016-25.57-21.535c0-13.024 10.932-21.224 27.294-21.224c15.959 0 26.891 9.814 28.597 24.269l-15.353.807c-.807-7.576-6.072-12.345-13.63-12.345c-6.694 0-11.445 3.448-11.134 8.695c.202 6.071 7.264 8.07 14.95 10.015m55.195-29.826c23.241 0 36.284 12.932 36.284 35.99c0 22.929-12.84 35.769-35.678 35.769h-25.37v-71.76zm54.682 0v31.33l26.084-31.33h17.867l-26.378 31.642l28.01 40.117h-17.463l-20.618-29.826l-7.484 8.694v21.132h-15.371v-71.76zm-64.073 12.968v45.859h9.391c13.941 0 20.6-7.374 20.6-22.93c0-15.591-6.64-22.929-20.6-22.929z"/></svg>Vercel Ai Sdk アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="logos:vercel-ai-sdk" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:vercel-ai-sdk" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:vercel-ai-sdk" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--vercel-ai-sdk]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:vercel-ai-sdk"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:vercel-ai-sdk"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/logos/vercel-ai-sdk.svg" alt="Vercel Ai Sdk アイコン" width="24" height="24">SVG Logos の関連アイコン
Vercel Ai Sdk アイコン のよくある質問
Vercel Ai Sdk アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Vercel Ai Sdk アイコンを使うには?
@iconify/react をインストールして <Icon icon="logos:vercel-ai-sdk" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Vercel Ai Sdk アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/vercel-ai-sdk.svg" alt="Vercel Ai Sdk アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。