Ikon Webhint
logos:webhint
Ikon Webhint (logos:webhint) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 256 × 302. 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 × 302
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="302" viewBox="0 0 256 302"><path fill="#fff" d="M239.682 239.404h-26.397a7.301 7.301 0 0 1-4.633-13.058a127.5 127.5 0 0 0 46.757-98.289C255.412 57.825 198.846.695 128.617 0C74.576-.293 26.193 33.442 7.786 84.252c-18.408 50.81-2.86 107.707 38.83 142.094a7.301 7.301 0 0 1-4.633 13.058H15.445C6.947 239.48.077 246.35 0 254.849v31.452a15.45 15.45 0 0 0 15.445 15.586h224.518a15.446 15.446 0 0 0 15.446-15.445v-31.593c0-8.553-6.893-15.509-15.446-15.585z"/><path fill="#4700a3" d="M127.634 14.743C65.69 15.133 15.751 65.594 16.007 127.54c.259 61.945 50.616 111.99 112.562 111.861s112.096-50.38 112.096-112.326a112.33 112.33 0 0 0-113.03-112.332m99.271 112.332c-.077 55.104-44.728 99.755-99.832 99.832A99.13 99.13 0 0 1 27.8 127.075c.078-55.105 44.729-99.756 99.833-99.833c54.76.561 99.271 45.071 99.271 99.833"/><path fill="#4700a3" d="M141.956 90.006a33.4 33.4 0 0 1 20.5 5.055a9.55 9.55 0 0 0-.702 3.93a12.637 12.637 0 0 0 12.637 12.638a10.95 10.95 0 0 0 4.633-.562a41.56 41.56 0 0 1 6.179 21.624c0 43.387-34.26 47.46-57.007 47.46c-58.833 0-66.836-22.888-66.836-28.505h-2.808c-9.74-.076-17.616-7.952-17.692-17.691v-3.51h8.003a18.4 18.4 0 0 1 14.884 6.88a17.83 17.83 0 0 1 14.181-7.442h8.144v4.633a16.71 16.71 0 0 1-16.569 17.13H68.38c.562 2.81 9.127 3.932 11.374 3.932a15.16 15.16 0 0 0 14.322-8.004a27.66 27.66 0 0 0 2.809-16.568c0-22.747 6.177-41 45.071-41m54.76-13.76l-10.951 17.692l-3.37 6.88a8 8 0 0 1-1.686 2.246a8.28 8.28 0 0 1-7.441 1.685a4.92 4.92 0 0 1-3.37-1.685a8.004 8.004 0 0 1 0-10.812c.562-.562 1.123-.562 1.545-1.123z"/><path fill="#18186d" d="m50.267 280.404l-5.897-15.586h-2.949l-5.897 15.586l-5.757-15.586h-3.37l7.302 19.517h3.37l5.757-14.883l5.757 14.883h3.37l7.3-19.517h-3.229zm25.134-14.603a9.83 9.83 0 0 0-5.055-1.264a9.83 9.83 0 0 0-5.054 1.404a9.13 9.13 0 0 0-3.51 3.51a10.95 10.95 0 0 0 0 10.25a9.27 9.27 0 0 0 3.65 3.652a11.65 11.65 0 0 0 5.616 1.264a11.4 11.4 0 0 0 4.353-.843a8.4 8.4 0 0 0 3.37-2.387l-1.966-2.247a7.3 7.3 0 0 1-5.616 2.387a7.44 7.44 0 0 1-4.915-1.684a6.04 6.04 0 0 1-2.246-4.213h15.866v-.983a10.95 10.95 0 0 0-1.263-5.335a9 9 0 0 0-3.23-3.51m-11.233 7.442a6.32 6.32 0 0 1 1.966-4.212a6.74 6.74 0 0 1 8.425 0a6.32 6.32 0 0 1 2.106 4.212zm36.226-7.442a10.25 10.25 0 0 0-5.054-1.264a9.4 9.4 0 0 0-3.932.843a7.6 7.6 0 0 0-2.808 2.387v-10.812h-3.65v27.38h3.369v-3.089a7.7 7.7 0 0 0 2.949 2.388a9.4 9.4 0 0 0 4.072.983a10.25 10.25 0 0 0 5.054-1.405a9.13 9.13 0 0 0 3.51-3.51a10.53 10.53 0 0 0 1.405-5.196a10.53 10.53 0 0 0-1.404-5.194a9 9 0 0 0-3.51-3.51m.422 12.356a6.2 6.2 0 0 1-2.388 2.528a7.02 7.02 0 0 1-6.739 0a6.2 6.2 0 0 1-2.387-2.528a8.14 8.14 0 0 1 0-7.16a6.04 6.04 0 0 1 2.387-2.388a7.02 7.02 0 0 1 6.74 0a6.04 6.04 0 0 1 2.387 2.388a7.86 7.86 0 0 1 0 7.16m19.797-13.48a10.25 10.25 0 0 0-4.071.703a7.44 7.44 0 0 0-2.809 2.106v-10.53h-3.65v27.38h3.65v-10.11a6.6 6.6 0 0 1 1.685-4.774a6.04 6.04 0 0 1 4.493-1.685a5.2 5.2 0 0 1 3.932 1.404a6.04 6.04 0 0 1 1.404 4.212v10.953h3.51v-11.233a8.42 8.42 0 0 0-2.106-6.319a8.14 8.14 0 0 0-6.038-2.247zm14.744.141h3.51v19.658h-3.51zm1.825-8.565a2.39 2.39 0 0 0-1.825.842a2.25 2.25 0 0 0-.561 1.545c-.053.615.15 1.224.561 1.685c.48.484 1.144.74 1.825.702a2.4 2.4 0 0 0 1.685-.702a2.25 2.25 0 0 0 .702-1.685a2.1 2.1 0 0 0-.702-1.685a2.4 2.4 0 0 0-1.685-.561zm18.956 8.425a10 10 0 0 0-4.213.702a7 7 0 0 0-2.807 2.387v-3.09h-3.511v19.658h3.51v-10.11a6.6 6.6 0 0 1 1.685-4.914a6.04 6.04 0 0 1 4.634-1.685a5.2 5.2 0 0 1 3.931 1.405a6.04 6.04 0 0 1 1.404 4.212v10.952h3.51v-11.233a8.57 8.57 0 0 0-2.246-6.319a8.14 8.14 0 0 0-5.897-2.246zm21.904 16.85a2.95 2.95 0 0 1-2.387-.843a3.37 3.37 0 0 1-.702-2.388v-10.67h5.616v-2.809h-5.616v-4.353h-3.51v4.213h-3.37v2.948h3.37v10.812a6.04 6.04 0 0 0 1.544 4.493a6.32 6.32 0 0 0 4.634 1.685a8 8 0 0 0 2.387-.42a5.1 5.1 0 0 0 1.825-.984l-.983-2.527a4.2 4.2 0 0 1-2.808.983z"/><path fill="#4046dd" d="M187.45 279.561a2.53 2.53 0 0 0-1.826.702a2.4 2.4 0 0 0-.702 1.826a2.527 2.527 0 0 0 2.527 2.528a2.4 2.4 0 0 0 1.685-.703c.47-.49.723-1.147.703-1.825a2.4 2.4 0 0 0-.702-1.826a2.25 2.25 0 0 0-1.685-.702m9.267-23.308a2.25 2.25 0 0 0-1.685.842c-.427.404-.68.958-.703 1.545a2.1 2.1 0 0 0 .703 1.685c.446.448 1.052.7 1.685.702a2.4 2.4 0 0 0 1.684-.702c.448-.446.7-1.052.702-1.685a2.1 2.1 0 0 0-.701-1.685a2.53 2.53 0 0 0-1.685-.561zm-1.825 8.565h3.51v19.658h-3.51zm27.66 4.634a9.4 9.4 0 0 0-3.65-3.65a11.37 11.37 0 0 0-10.531 0a9.4 9.4 0 0 0-3.65 3.65a10.81 10.81 0 0 0 0 10.25a9.4 9.4 0 0 0 3.65 3.65a11.23 11.23 0 0 0 10.53 0a9.4 9.4 0 0 0 3.651-3.65a10.81 10.81 0 0 0 0-10.25m-3.089 8.705a6.04 6.04 0 0 1-2.386 2.528a7.02 7.02 0 0 1-6.74 0a6.3 6.3 0 0 1-2.388-2.528a7.86 7.86 0 0 1 0-7.16a6.2 6.2 0 0 1 2.388-2.388a7.02 7.02 0 0 1 6.74 0a5.9 5.9 0 0 1 2.386 2.388a8 8 0 0 1 0 7.16"/></svg>Cara memakai ikon Webhint
React
import { Icon } from "@iconify/react";
<Icon icon="logos:webhint" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:webhint" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:webhint" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--webhint]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:webhint"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:webhint"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/logos/webhint.svg" alt="Ikon Webhint" width="24" height="24">Ikon terkait di SVG Logos
Ikon Webhint di set ikon lain
FAQ Ikon Webhint
Apakah ikon Webhint 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 Webhint di React?
Pasang @iconify/react lalu render <Icon icon="logos:webhint" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Webhint ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/webhint.svg" alt="Ikon Webhint">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.