Vudu ikonu
thesvg-color:vudu
Vudu ikonu (thesvg-color:vudu), theSVG Color setinden ücretsiz bir SVG ikondur (yapımcı: thesvg.org). 300 × 83 ızgara üzerinde çizilmiştir. theSVG Color icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.
- İkon seti
- theSVG Color
- Yazar
- thesvg.org
- Lisans
- MIT
- Boyut
- 300 × 83
SVG kodu
<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>Vudu ikonu nasıl kullanılır
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 bileşeni
<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 görseli
<img src="https://iconyz.com/api/public/svg/thesvg-color/vudu.svg" alt="Vudu ikonu" width="24" height="24">Diğer ikon setlerinde Vudu ikonu
Vudu ikonu: sık sorulan sorular
Vudu ikonu ticari kullanım için ücretsiz mi?
Evet. theSVG Color icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Vudu ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="thesvg-color:vudu" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Vudu ikonunu bir web sayfasına nasıl eklerim?
SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/thesvg-color/vudu.svg" alt="Vudu ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.