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