Ikon Vudu
thesvg-color:vudu
Ikon Vudu (thesvg-color:vudu) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 300 × 83. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- theSVG Color
- Pembuat
- thesvg.org
- Lisensi
- MIT
- Ukuran
- 300 × 83
Kode SVG
<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>Cara memakai ikon Vudu
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>Gambar HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/vudu.svg" alt="Ikon Vudu" width="24" height="24">Ikon Vudu di set ikon lain
FAQ Ikon Vudu
Apakah ikon Vudu gratis untuk penggunaan komersial?
Ya. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Vudu di React?
Pasang @iconify/react lalu render <Icon icon="thesvg-color:vudu" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Vudu ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/vudu.svg" alt="Ikon Vudu">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.