Webkit ikonu
logos:webkit
Webkit ikonu (logos:webkit), SVG Logos setinden ücretsiz bir SVG ikondur (yapımcı: Gil Barbara). 256 × 283 ı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
- 256 × 283
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="283" viewBox="0 0 256 283"><defs><linearGradient id="SVGnSlmYqfV" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#34aadc"/><stop offset="100%" stop-color="#007aff"/></linearGradient></defs><path fill="#ff9d00" d="M242.794 157.204c17.608 13.732 17.608 36.323 0 50.166l-82.85 65.116c-17.609 13.732-46.28 13.732-63.888 0l-82.85-65.006c-17.608-13.732-17.608-36.323 0-50.166l82.85-65.116c17.609-13.732 46.28-13.732 63.888 0z"/><path fill-opacity=".1" d="M96.255 231.842L13.038 166.44C4.648 159.867 0 151.065 0 141.706s4.648-18.161 13.038-24.735l83.217-65.513c8.39-6.574 19.727-10.25 31.745-10.25s23.242 3.676 31.745 10.25l83.217 65.402c8.39 6.573 13.038 15.375 13.038 24.734s-4.648 18.161-13.038 24.735l-83.217 65.402c-8.503 6.685-19.727 10.362-31.745 10.362s-23.242-3.677-31.745-10.25"/><path fill="#fc0" d="M96.255 231.842L13.038 166.44C4.648 159.867 0 151.065 0 141.706s4.648-18.161 13.038-24.735l83.217-65.513c8.39-6.574 19.727-10.25 31.745-10.25s23.242 3.676 31.745 10.25l83.217 65.402c8.39 6.573 13.038 15.375 13.038 24.734s-4.648 18.161-13.038 24.735l-83.217 65.402c-8.503 6.685-19.727 10.362-31.745 10.362s-23.242-3.677-31.745-10.25"/><path fill-opacity=".1" d="m96.255 190.635l-83.217-65.402C4.648 118.659 0 109.857 0 100.498s4.648-18.16 13.038-24.734L96.255 10.25C104.645 3.677 115.982 0 128 0s23.242 3.677 31.745 10.25l83.217 65.402C251.352 82.226 256 91.028 256 100.387s-4.648 18.161-13.038 24.735l-83.217 65.402c-8.503 6.685-19.727 10.361-31.745 10.361s-23.242-3.676-31.745-10.25"/><path fill="url(#SVGnSlmYqfV)" d="m96.255 190.635l-83.217-65.402C4.648 118.659 0 109.857 0 100.498s4.648-18.16 13.038-24.734L96.255 10.25C104.645 3.677 115.982 0 128 0s23.242 3.677 31.745 10.25l83.217 65.402C251.352 82.226 256 91.028 256 100.387s-4.648 18.161-13.038 24.735l-83.217 65.402c-8.503 6.685-19.727 10.361-31.745 10.361s-23.242-3.676-31.745-10.25"/><path fill="#fff" d="M128.287 163.176c42.524 0 76.996-28.178 76.996-62.937S170.811 37.3 128.287 37.3s-76.995 28.18-76.995 62.94s34.472 62.937 76.995 62.937m0 6.48c-46.9 0-84.921-31.08-84.921-69.417s38.02-69.417 84.921-69.417s84.922 31.079 84.922 69.417s-38.02 69.416-84.922 69.416"/><path fill="#8cc8f6" d="M133.962 126.953c4.257-.557 8.406-1.744 12.204-3.56l24.237 9.963l-12.696-19.02c6.678-8.602 6.678-19.498 0-28.1l12.696-19.02l-22.843 9.39l-.656 10.043c9.338 7.832 9.1 20.2-.604 27.76c-2.476 1.98-5.319 3.37-8.305 4.358zm-11.33-53.35c-7.03.913-12.299 3.575-12.299 3.575l-24.215-9.962l12.696 19.02c-6.678 8.602-6.678 19.498 0 28.1l-12.696 19.02l23.467-9.646l.5-9.407c-9.817-7.809-9.738-20.301.16-28.144c2.302-2.061 7.508-4.244 8.289-4.36z"/><path fill="#fff" d="m116.64 98.162l-3.226 57.174l26.118-53.025l3.74-57.066zm-.338 46.185l20.92-42.446l-18.332-3.345z"/></svg>Webkit ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="logos:webkit" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:webkit" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:webkit" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--webkit]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:webkit"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:webkit"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/logos/webkit.svg" alt="Webkit ikonu" width="24" height="24">Diğer ikon setlerinde Webkit ikonu
Webkit ikonu: sık sorulan sorular
Webkit 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.
Webkit ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="logos:webkit" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Webkit 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/webkit.svg" alt="Webkit ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.