Vercel Blob アイコン
thesvg-color:vercel-blob
Vercel Blob アイコン(thesvg-color:vercel-blob)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 209 × 207 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 209 × 207
- タグ
- vercelblob
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="209" height="207" viewBox="0 0 209 207"><path fill="#1a191a" d="M163.573 0q-.405.045-.809.104c-.069-.001-.144-.01-.212-.01c-10.164-.04-20.354-.015-30.518-.014L72.3.084L43.063.074C39.98.07 36.22-.006 32.507.041c-3.713.048-7.378.22-10.272.713A25.84 25.84 0 0 0 8.583 7.65C2.203 13.738.127 21.111.093 29.672C.05 40.076.074 50.49.073 60.892l-.006 61.165l.004 28.347c.003 11.642-1.352 23.134 7.645 32.237c6.474 6.55 12.633 8.2 21.613 8.35c26.602.442 53.598-.617 80.164.08v-24.182c0-3.551-.186-9.339.082-12.604c-8.688.23-17.381.241-26.07.03c-19.861-.487-45.785-1.437-51.916-25.047c-4.804-18.495 1.097-38.788 9.927-55.137c15.285-28.3 47.49-48.645 78.834-30.649c20.343 11.687 32.438 31.79 38.633 54.067c11.472-.258 20.62.13 31.873 2.437c.354-16.199.076-33.187.09-49.445l.018-15.785c.002-2.713.01-5.528-.164-8.322c-.214-3.398-.737-6.755-1.971-9.856q-.276-.654-.588-1.293a20 20 0 0 0-.76-1.457q-.216-.391-.445-.775c-1.972-3.262-4.626-5.984-7.697-8.11c-.579-.4-1.167-.785-1.776-1.14A27.8 27.8 0 0 0 163.573 0"/><path fill="#1a191a" d="M96.782 45.328c-.981-.022-1.95.005-2.898.086c-33.61 2.357-57.068 43.208-55.196 74.422c.389 6.472 2.487 13.397 7.61 17.691c10.984 9.252 35.57 8.28 49.474 8.272q6.925-.086 13.852-.098q.082-9.331.015-18.664c-.009-6.177-1.04-12.94 4.014-17.32c8.743-7.576 25.238-10.93 36.45-11.737c-4.726-18.096-16.869-37.055-33.25-46.6c-5.686-3.312-13.202-5.895-20.071-6.052"/><path fill="#1a191a" d="M209.294 129.902c-3.933 1.85-8.63 3.866-12.85 4.92c-22.868 5.714-56.773 6.252-78.142-4.851q-.1 8.546-.086 17.091c-.003 2.521-.583 10.451 1.369 11.932c10.917 8.283 27.674 9.372 40.949 9.873c13.398.35 37.291-1.221 47.535-9.945c.388-.471.988-1.212 1.067-1.81c.386-2.905.245-6.426.236-9.378z"/><path fill="#1a191a" d="M209.292 168.746c-10.38 5.06-20.401 7.31-31.912 8.238c-16.966 1.368-34.482.874-50.739-4.634c-2.243-.76-6.203-2.302-8.207-3.54c-.363 2.299-.502 26.286.399 27.524c3.973 5.46 18.575 8.4 25.15 9.451c15.832 2.532 49.82 2.126 63.117-7.84q.499-.376.983-.775c1.9-2.458 1.293-8.173 1.285-11.42zm-47.373-62.783c-1.756.032-3.474.1-5.137.203c-11.564.678-28.66 2.454-37.8 10.51c-1.615 1.422.537 3.738 1.814 4.506c13.09 7.875 35.716 10.074 50.443 8.728c10.494-.517 28.955-2.666 37.27-10.396a2.29 2.29 0 0 0 .75-1.823c-1.234-2.712-7.178-5.409-9.801-6.36c-11.046-4.008-25.246-5.591-37.54-5.368"/></svg>Vercel Blob アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:vercel-blob" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:vercel-blob" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:vercel-blob" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--vercel-blob]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:vercel-blob"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:vercel-blob"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/vercel-blob.svg" alt="Vercel Blob アイコン" width="24" height="24">theSVG Color の関連アイコン
Vercel Blob アイコン のよくある質問
Vercel Blob アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Vercel Blob アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:vercel-blob" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Vercel Blob アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/vercel-blob.svg" alt="Vercel Blob アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。