Vivaldi ikonu
logos:vivaldi
Vivaldi ikonu (logos:vivaldi), SVG Logos setinden ücretsiz bir SVG ikondur (yapımcı: Gil Barbara). 512 × 88 ızgara üzerinde çizilmiştir. SVG Logos icons, CC0 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
- SVG Logos
- Yazar
- Gil Barbara
- Lisans
- CC0-1.0
- Boyut
- 512 × 88
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="88" viewBox="0 0 512 88"><defs><linearGradient id="SVGcEMoNdBf" x1="20.985%" x2="75.846%" y1="5.132%" y2="100.366%"><stop offset="0%" stop-opacity=".2"/><stop offset="79%" stop-opacity=".05"/></linearGradient></defs><path fill="#333" d="M512 18.156v58.1h-14.525v-58.1zm-63.306 0a28.7 28.7 0 0 1 20.37 8.508a29.17 29.17 0 0 1 8.44 20.542a29.17 29.17 0 0 1-8.44 20.541a28.7 28.7 0 0 1-20.37 8.508h-20.212V18.156Zm-63.786 0v45.39h25.418v12.71h-39.943v-58.1zm-61.683 0l29.002 58.1H338.29l-4.241-8.896h-21.743l-4.242 8.895h-13.936zm-72.733 0l12.765 28.72l12.764-28.72h14.475l-27.24 58.1l-27.228-58.1zm-32.62 0v58.1h-14.524v-58.1zm-72.674 0l12.765 28.72l12.765-28.72h14.463l-27.228 58.1l-27.24-58.1zm303.496 11.948h-7.223v34.204h7.223c9.702 0 16.264-7.766 16.264-17.102s-6.598-17.102-16.264-17.102m-125.47 14.75l-5.56 11.977h11.121z"/><path fill="#ef3939" d="M43.574 87.149c19.095 0 29.706 0 36.64-6.935s6.935-17.545 6.935-36.64s0-29.706-6.935-36.64S62.67 0 43.574 0S13.855 0 6.934 6.934S0 24.479 0 43.574s0 29.706 6.934 36.64s17.545 6.935 36.64 6.935"/><path fill="url(#SVGcEMoNdBf)" d="M71.905 27.45c-2.103-3.793-5.722-6.899-9.128-9.584c-3.407-2.685-6.751-4.303-10.931-5.463s-8.452-1.139-12.755-.594c-4.304.546-8.007 1.528-11.765 3.694s-6.677 4.819-9.305 8.269s-4.375 6.876-5.466 11.074c-1.09 4.197-1.485 8.848-.867 13.14c.617 4.294 1.367 8.379 3.596 12.1l.184.314l15.35 26.61q3.822.104 8.273.092h4.36a205 205 0 0 0 20.865-.617c6.946-.762 11.935-2.468 15.756-6.315c5.62-5.618 6.684-13.652 6.881-26.649z"/><path fill="#fff" d="M66.658 20.454a32.67 32.67 0 0 0-35.602-7.07a32.67 32.67 0 0 0-20.162 30.19a32.69 32.69 0 0 0 20.162 30.19a32.665 32.665 0 0 0 35.602-7.07a32.64 32.64 0 0 0 9.597-23.12a32.65 32.65 0 0 0-9.597-23.12M64.699 35.5A98851 98851 0 0 0 48.54 63.63a5.4 5.4 0 0 1-4.444 2.933a5.13 5.13 0 0 1-5.114-2.723c-3.406-5.865-6.785-11.77-10.164-17.662a2147 2147 0 0 1-6.18-10.757a5.432 5.432 0 0 1 4.419-8.233a5.26 5.26 0 0 1 4.983 2.814c1.525 2.63 3.024 5.26 4.523 7.891c1.09 1.894 2.142 3.787 3.26 5.655a8.55 8.55 0 0 0 7.152 4.419a8.716 8.716 0 0 0 9.204-7.746c0-.355 0-.71.079-.895a9.2 9.2 0 0 0-.92-4.063a5.432 5.432 0 0 1 7.62-7.207a5.43 5.43 0 0 1 2.53 3.827a5.7 5.7 0 0 1-.789 3.616"/></svg>Vivaldi ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="logos:vivaldi" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:vivaldi" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:vivaldi" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--vivaldi]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:vivaldi"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:vivaldi"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/logos/vivaldi.svg" alt="Vivaldi ikonu" width="24" height="24">SVG Logos setindeki benzer ikonlar
Diğer ikon setlerinde Vivaldi ikonu
Vivaldi ikonu: sık sorulan sorular
Vivaldi ikonu ticari kullanım için ücretsiz mi?
Evet. SVG Logos icons, CC0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Vivaldi ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="logos:vivaldi" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Vivaldi 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/logos/vivaldi.svg" alt="Vivaldi ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.