Vudu icon
thesvg-color:vudu
The Vudu icon (thesvg-color:vudu) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 300 × 83 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
- 300 × 83
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="300" height="83" viewBox="0 0 300 83"><path fill="#2d6dbe" d="M76.808.015C71.8.001 68.698.012 63.738.012h-.145a5.37 5.37 0 0 0-4.978 3.485c-.085.11-.142.243-.184.368c-4.988 14.204-9.336 26.408-14.32 40.623c-1.309 3.748-2.61 7.48-3.944 11.228c-.106.294-.384.673-.672.758c-.576.162-.588-.45-.71-.8c-3.112-8.861-6.212-17.722-9.32-26.571c-3.192-9.094-5.836-16.647-9.033-25.749q-.043-.147-.152-.303A5.4 5.4 0 0 0 15.418.012c-.06 0-.119 0-.162.003c-5.046-.014-8.006-.023-13.12 0c-1.69.009-2.52 1.247-1.96 2.83C7.87 24.297 15.543 45.745 23.23 67.17c.58 1.608 1.084 3.042 1.583 4.429c2.927 6.78 7.384 10.328 15.247 10.783c2.316 0 1.789.004 1.789.004c2.566-.086 5.454-.478 8.736-1.136l5.452-15.546c7.6-20.996 15.003-41.444 22.706-62.748c.088-.246.18-.484.223-.736C79.14.958 78.237.016 76.81.016m73.693 5.616v-.155a5.397 5.397 0 0 0-4.987-5.39c-.146-.05-13.717 0-13.717 0s.006 2.929.006 7.625c0 14.235.01 26.828-.02 41.278c0 1.425-.104 2.905-.456 4.287c-1.291 5.316-4.518 8.995-9.777 10.59c-5.284 1.608-10.22.7-14.388-3.108c-3.125-2.858-4.646-6.534-4.647-10.732a20948 20948 0 0 1-.035-42.167V.087s-13.643-.05-13.785 0a5.397 5.397 0 0 0-4.987 5.39c0 .047.013.098.013.155v2.55c0 14.784-.027 27.406.03 42.485c.015 2.354.271 4.741.807 7.03c3.933 16.96 20.67 28.18 38.587 24.944c8.388-1.524 15.279-5.694 20.561-12.42c4.361-5.552 6.713-11.895 6.765-18.964c.065-7.903.016-15.784.016-23.665V5.632zm148.845 0c.015-.057.015-.108.015-.155a5.397 5.397 0 0 0-4.98-5.39c-.157-.05-13.737 0-13.737 0s.015 2.929.015 7.625c0 14.235.014 26.828-.016 41.278c0 1.425-.123 2.905-.455 4.287c-1.293 5.316-4.526 8.995-9.77 10.59c-5.296 1.608-10.237.7-14.389-3.108c-3.127-2.858-4.64-6.534-4.65-10.732c-.028-9.844-.028-30.79-.028-42.167V.087s-13.642-.05-13.788 0a5.4 5.4 0 0 0-4.983 5.39v2.705c0 14.784-.026 27.406.05 42.485c0 2.354.263 4.741.79 7.03c3.934 16.96 20.676 28.18 38.585 24.944c8.393-1.524 15.279-5.694 20.554-12.42c4.355-5.552 6.716-11.895 6.779-18.964c.043-7.903 0-15.784 0-23.665V5.632zM203.35 57.178c-3.763 4.478-8.616 7.005-14.43 7.656c-1.117.126-2.248.153-3.377.16c-3.215.033-6.45.02-9.674.02c-1.177 0-1.194 0-1.194-1.154V18.411c0-1.068.016-1.08 1.068-1.08c3.94.034 7.874-.07 11.815.135c7.333.377 13.129 3.695 17.315 9.72c2.559 3.698 3.84 7.875 4.083 12.367c.357 6.595-1.326 12.55-5.605 17.625m5.51-50.742C202.847 2.632 196.24.596 189.126.349c-3.279-.106-6.554-.106-9.817-.106c-6.705-.015-10.563-.003-17.246 0c-.04 0-.074-.003-.124-.003a5.41 5.41 0 0 0-5.405 5.41v71.176c0 2.981 2.42 5.412 5.405 5.412c9.692-.03 16.348 0 26.04-.038a37 37 0 0 0 5.903-.512c7.914-1.311 14.953-4.566 20.826-10.034c11.058-10.298 15.509-23.054 12.899-37.922c-2.07-11.82-8.615-20.884-18.747-27.296m87.252 69.67h-1.342v1.791h1.342c.427 0 .88-.37.88-.87c0-.53-.453-.92-.88-.92m.8 4.3l-1.263-1.917h-.879v1.917h-.647v-4.864h1.989c.82 0 1.538.581 1.538 1.485c0 1.078-.965 1.448-1.233 1.448l1.29 1.931zm-1.157-6.097c-2.022 0-3.667 1.598-3.667 3.648a3.67 3.67 0 0 0 3.667 3.663a3.663 3.663 0 0 0 3.657-3.663a3.63 3.63 0 0 0-3.657-3.648m0 7.897a4.25 4.25 0 0 1-4.247-4.249a4.227 4.227 0 0 1 4.247-4.232a4.22 4.22 0 0 1 4.247 4.232a4.24 4.24 0 0 1-4.247 4.25"/></svg>How to use the Vudu icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:vudu" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:vudu" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:vudu" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--vudu]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:vudu"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:vudu"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/vudu.svg" alt="Vudu icon" width="24" height="24">Vudu icon in other icon sets
Vudu icon FAQ
Is the Vudu 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 Vudu icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:vudu" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Vudu icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/vudu.svg" alt="Vudu icon">, or paste the SVG code inline to style it with CSS.