Vercel Blob icon
thesvg-color:vercel-blob
The Vercel Blob icon (thesvg-color:vercel-blob) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 209 × 207 grid. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- theSVG Color
- Author
- thesvg.org
- License
- MIT
- Size
- 209 × 207
- Tags
- vercelblob
SVG code
<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>How to use the Vercel Blob icon
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 component
<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 image
<img src="https://iconyz.com/api/public/svg/thesvg-color/vercel-blob.svg" alt="Vercel Blob icon" width="24" height="24">Related icons in theSVG Color
Vercel Blob icon FAQ
Is the Vercel Blob icon free for commercial use?
Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Vercel Blob icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:vercel-blob" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Vercel Blob icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/vercel-blob.svg" alt="Vercel Blob icon">, or paste the SVG code inline to style it with CSS.