Ikon Wistron
thesvg-color:wistron
Ikon Wistron (thesvg-color:wistron) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 215 × 42. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- theSVG Color
- Pembuat
- thesvg.org
- Lisensi
- MIT
- Ukuran
- 215 × 42
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="215" height="42" viewBox="0 0 215 42"><path fill="#9acd66" d="M56.526 7.741h10.333V38.64H56.526Z"/><path fill="#016c8c" d="M181.963 7.741h9.306v4.19h.134c1.292-2.41 4.455-4.955 9.168-4.955c9.828 0 11.639 6.356 11.639 14.628v17.035h-9.696V23.507c0-3.555-.065-8.135-5.036-8.135c-5.045 0-5.821 3.877-5.821 7.88v15.387h-9.694zm-37.648 15.446c0 9.855 7.755 16.22 17.455 16.22c9.69 0 17.445-6.365 17.445-16.22S171.46 6.975 161.77 6.975c-9.7 0-17.455 6.358-17.455 16.212m9.691 0c0-4.637 2.913-7.814 7.764-7.814c4.836 0 7.752 3.177 7.752 7.814c0 4.646-2.916 7.826-7.752 7.826c-4.85 0-7.764-3.18-7.764-7.826M123.252 7.741h9.694V12.7h.128c2.071-3.746 4.778-5.723 9.051-5.723c1.095 0 2.323.065 3.224.319v8.716c-1.359-.384-2.708-.639-4.13-.639c-7.374 0-8.273 4.203-8.273 10.365V38.64h-9.694zm-3.407 7.631h-8.533v10.29c0 3.314.39 5.729 4.588 5.729c1.036 0 3.104-.126 3.945-.883v7.941c-2.128.759-4.524.956-6.787.956c-6.46 0-11.446-2.605-11.446-9.346V15.372h-6.198v-7.63h6.198V0h9.7v7.741h8.533zM88.93 16.834c-1.42-1.717-3.295-2.608-5.618-2.608c-1.614 0-3.557.704-3.557 2.541c0 4.583 16.347.702 16.347 12.462c0 7.886-7.751 10.177-14.472 10.177c-4.396 0-9.243-1.087-12.344-4.2l5.882-6.42c1.807 2.159 3.944 3.368 6.846 3.368c2.202 0 4.397-.567 4.397-2.221c0-4.967-16.35-.766-16.35-12.528c0-7.252 6.591-10.43 13.186-10.43c4.139 0 8.727 1.023 11.636 4.067zM56.526 0h10.333v7.741H56.526ZM0 7.741h10.333l6.403 19.395h.127l5.37-19.395h10.594l5.816 19.395h.13L44.66 7.741h9.817L43.3 38.64h-9.567l-6.526-20.531h-.13l-5.821 20.53h-9.753z"/></svg>Cara memakai ikon Wistron
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:wistron" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:wistron" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:wistron" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--wistron]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:wistron"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:wistron"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/wistron.svg" alt="Ikon Wistron" width="24" height="24">FAQ Ikon Wistron
Apakah ikon Wistron gratis untuk penggunaan komersial?
Ya. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Wistron di React?
Pasang @iconify/react lalu render <Icon icon="thesvg-color:wistron" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Wistron ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/wistron.svg" alt="Ikon Wistron">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.