Ikon Wekan
thesvg-color:wekan
Ikon Wekan (thesvg-color:wekan) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 303 × 210. 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
- 303 × 210
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="303" height="210" viewBox="0 0 303 210"><defs><linearGradient id="SVGhXgpGcIf" x1="-716.13" x2="-715.13" y1="35.06" y2="35.06" gradientTransform="matrix(0 -157.69 -157.69 0 5678.89 -112746.3)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#007c8f"/><stop offset=".37" stop-color="#007088"/><stop offset="1" stop-color="#005377"/></linearGradient><clipPath id="SVGAl7ufebA"><path fill="none" d="M260.63 180.45H39.9c-7 0-9-2.27-9-9V31.71c0-6.81 2.1-9 9-9h220.73c6.8 0 9 2.13 9 9v139.74c0 6.57-2.08 9-9 9"/></clipPath></defs><g clip-path="url(#SVGAl7ufebA)"><path fill="url(#SVGhXgpGcIf)" d="M30.9 22.76h238.73v157.69H30.9z"/><path fill="#7addfc" d="M225.06 138.25v-.54h-149a2.5 2.5 0 0 1-2.5-2.5v-69a2.5 2.5 0 0 1 2.5-2.5h149a2.5 2.5 0 0 1 2.5 2.5v69.07a2.5 2.5 0 0 1-2.5 2.5v1a3.5 3.5 0 0 0 3.5-3.5v-69.1a3.5 3.5 0 0 0-3.5-3.5h-149a3.5 3.5 0 0 0-3.5 3.5v69.07a3.5 3.5 0 0 0 3.5 3.5h149Z"/><path fill="#529fdd" d="M143.05 55.9v-.5H75.93a2.5 2.5 0 0 1-2.5-2.5V3.5a2.5 2.5 0 0 1 2.5-2.5h67.12a2.5 2.5 0 0 1 2.5 2.5v49.4a2.5 2.5 0 0 1-2.5 2.5v1a3.5 3.5 0 0 0 3.5-3.5V3.5a3.5 3.5 0 0 0-3.5-3.5H75.93a3.5 3.5 0 0 0-3.5 3.5v49.4a3.5 3.5 0 0 0 3.5 3.5h67.12Zm0 145.02v-.5H75.93a2.5 2.5 0 0 1-2.5-2.5v-49.4a2.5 2.5 0 0 1 2.5-2.5h67.12a2.5 2.5 0 0 1 2.5 2.5v49.4a2.5 2.5 0 0 1-2.5 2.5v1a3.5 3.5 0 0 0 3.5-3.5v-49.4a3.5 3.5 0 0 0-3.5-3.5H75.93a3.5 3.5 0 0 0-3.5 3.5v49.4a3.5 3.5 0 0 0 3.5 3.5h67.12ZM224.43 55.9v-.5h-67.11a2.5 2.5 0 0 1-2.5-2.5V3.5a2.5 2.5 0 0 1 2.5-2.5h67.12a2.5 2.5 0 0 1 2.5 2.5v49.4a2.5 2.5 0 0 1-2.5 2.5v1a3.5 3.5 0 0 0 3.5-3.5V3.5a3.5 3.5 0 0 0-3.5-3.5h-67.12a3.5 3.5 0 0 0-3.5 3.5v49.4a3.5 3.5 0 0 0 3.5 3.5h67.12Zm0 145.02v-.5h-67.11a2.5 2.5 0 0 1-2.5-2.5v-49.4a2.5 2.5 0 0 1 2.5-2.5h67.12a2.5 2.5 0 0 1 2.5 2.5v49.4a2.5 2.5 0 0 1-2.5 2.5v1a3.5 3.5 0 0 0 3.5-3.5v-49.4a3.5 3.5 0 0 0-3.5-3.5h-67.12a3.5 3.5 0 0 0-3.5 3.5v49.4a3.5 3.5 0 0 0 3.5 3.5h67.12ZM299 94.93v-.5h-60.84a2.5 2.5 0 0 1-2.5-2.5V5.08a2.5 2.5 0 0 1 2.5-2.5H299a2.5 2.5 0 0 1 2.5 2.5v86.85a2.5 2.5 0 0 1-2.5 2.5v1a3.5 3.5 0 0 0 3.5-3.5V5.08a3.5 3.5 0 0 0-3.5-3.5h-60.84a3.5 3.5 0 0 0-3.5 3.5v86.85a3.5 3.5 0 0 0 3.5 3.5H299Zm0 114.94v-.5h-60.84a2.5 2.5 0 0 1-2.5-2.5V105.18a2.5 2.5 0 0 1 2.5-2.5H299a2.5 2.5 0 0 1 2.5 2.5v101.69a2.5 2.5 0 0 1-2.5 2.5v1a3.5 3.5 0 0 0 3.5-3.5V105.18a3.5 3.5 0 0 0-3.5-3.5h-60.84a3.5 3.5 0 0 0-3.5 3.5v101.69a3.5 3.5 0 0 0 3.5 3.5H299ZM63 94.93v-.5H3.5a2.5 2.5 0 0 1-2.5-2.5V5.08a2.5 2.5 0 0 1 2.5-2.5H63a2.5 2.5 0 0 1 2.5 2.5v86.85a2.5 2.5 0 0 1-2.5 2.5v1a3.5 3.5 0 0 0 3.5-3.5V5.08a3.5 3.5 0 0 0-3.5-3.5H3.5A3.5 3.5 0 0 0 0 5.08v86.85a3.5 3.5 0 0 0 3.5 3.5H63Zm0 114.94v-.5H3.5a2.5 2.5 0 0 1-2.5-2.5V105.18a2.5 2.5 0 0 1 2.5-2.5H63a2.5 2.5 0 0 1 2.5 2.5v101.69a2.5 2.5 0 0 1-2.5 2.5v1a3.5 3.5 0 0 0 3.5-3.5V105.18a3.5 3.5 0 0 0-3.5-3.5H3.5a3.5 3.5 0 0 0-3.5 3.5v101.69a3.5 3.5 0 0 0 3.5 3.5H63Z"/><path fill="#fff" d="M208.62 108.44a1.5 1.5 0 0 0-.83.33q-3.12 8.16-4.95 7.92c-.35 0-.56-.37-.58-1a10.3 10.3 0 0 1 .31-2.53c.23-1.06.5-2.12.78-3.19s.56-2.28.89-3.61s.6-2.38.75-3.14a1.15 1.15 0 0 0-.47-1.28a2.48 2.48 0 0 0-1.89-.06c-3.55.79-6.33 3.92-8.31 9.36q.92-6.36 1.14-7.17c.25-1.11.45-1.82.56-2.14a9 9 0 0 0-1.81-.11a17.4 17.4 0 0 0-3.45.33c-1.27.24-1.93.54-2 .92c-.22 1.92-.24 3.93-.44 5.92s-.32 3.69-.44 5.31a11 11 0 0 1-1.25 1.69c-.53.55-1 .81-1.42.75c-1-.16-.37-3 1.53-8.64c1.45-4.33.71-6.16-5.22-6.2a10.64 10.64 0 0 0-5.47 1.67a12.27 12.27 0 0 0-5.33 7c-.09.31-.16.6-.22.89a13 13 0 0 1-.83 1.36a6.9 6.9 0 0 1-1.64 1.94a1.67 1.67 0 0 1-1.14.33c-1-.16-2.28-1-3.7-2.58c-1-1.09-2.86-3-3.78-4.14c5.64-10.17 20.73-12.5 25.06-12.5c1.36 0 1.41-6.25 0-6.25c-17.55 0-25.36 14.85-27.09 20c.15-1.65.27-2.71.5-4.86s.4-3.85.53-5.11s.26-2.73.42-4.36s.32-2.91.42-3.86s.23-2 .36-3.11s.23-2 .33-2.69l.31-1.94c.1-.65.18-1.19.28-1.58a.94.94 0 0 0-.69-1.31a5 5 0 0 0-.94-.06a1.9 1.9 0 0 0-.9.26a1.92 1.92 0 0 0-.69.94q-3.71 8.75-6.14 27.17a13.6 13.6 0 0 1-4.25 6a7.65 7.65 0 0 1-5.33 1.86a3.36 3.36 0 0 1-2.83-2.42a9.53 9.53 0 0 1-.19-5.47c.86-4.11 2-6.17 3.33-6.17c.91 0 .95 1.54.08 4.64c-.66 2.21-1.58 3.69-2.75 4.42c-.41.25-.58.46-.53.58s.36.19.92 0a19.1 19.1 0 0 0 5.56-2.31a6.17 6.17 0 0 0 3-3.28a3.08 3.08 0 0 0-1.27-3.25a7.24 7.24 0 0 0-4.33-1.53a11.24 11.24 0 0 0-5.08 1l.11-.19a47.7 47.7 0 0 0 5.75-12q1.73-5.68-.94-8.33a6.8 6.8 0 0 0-2.92-1.25c-2.45-.66-5.21-1.51-3.08 1.25a5.3 5.3 0 0 1 .67 1.61a16.4 16.4 0 0 1-.47 7.47a54 54 0 0 1-3.42 9.56a56.5 56.5 0 0 1-5 8.83a18.25 18.25 0 0 1-5.25 5.36a3 3 0 0 1-.08-.67a14 14 0 0 1 0-1.61a9 9 0 0 1 .11-1.25q.59-3.9 1.5-8.28c.61-2.92 1.21-5.55 1.78-7.92c.41-1.49.67-2.61.81-3.33a1.91 1.91 0 0 0-.25-1.61a5 5 0 0 0-1.69-1.22c-.53-.27-1.19-.62-2-1.08c-1.65-1-1.76-.93-2.22.75s-1.31 3.68-2.44 6.56s-2.38 5.88-3.76 8.94a79 79 0 0 1-4 7.83c-1.27 2.14-2.3 3.24-3.08 3.28a.4.4 0 0 1-.33-.33a3 3 0 0 1-.08-.72a12 12 0 0 1 .14-1.61a11 11 0 0 1 .25-1.25c.35-1.74.83-3.78 1.44-6.14s1.24-4.72 1.89-7s1.19-4.25 1.64-5.83a26 26 0 0 0 1.14-4.06a1.71 1.71 0 0 0-1.11-1.72c-.66-.35-1.68-1-3.11-1.81a2.42 2.42 0 0 0-2.56-.19c-2.66 1-5.33 2.1-8.06 3.39a69 69 0 0 0-8.39 4.67c-2.39 1.59-3.91 3-4.58 4.31a4.85 4.85 0 0 0 .25 4.78a6.9 6.9 0 0 0 2 2.22c3.24 2.23 2.16.94 2.47-1.64a6.5 6.5 0 0 1 .92-2.64a23.8 23.8 0 0 1 6-6.22a39.5 39.5 0 0 1 9.7-5.58c-.65 2.39-1.34 5-2.08 7.78s-1.46 5.52-2.08 8.11s-1.09 4.78-1.39 6.53a10 10 0 0 0-.22 2.39a4.53 4.53 0 0 0 .88 2.23a6.4 6.4 0 0 0 1.92 1.75a4.3 4.3 0 0 0 2.33.69c1.68-.1 3.32-1.23 4.89-3.36a40 40 0 0 0 4.36-7.81q2-4.62 3.5-9c-.49 2.37-.94 4.71-1.33 7s-.67 4.33-.86 6.08a12 12 0 0 0-.08 2.39a4.5 4.5 0 0 0 1 2.28a6.6 6.6 0 0 0 2 1.72a5.7 5.7 0 0 0 2.45.72q2.48 0 6.78-4.42c.7-.71 1.39-1.46 2.08-2.25a5.34 5.34 0 0 0 2.11 4.92a11.1 11.1 0 0 0 6.56 2.25a11 11 0 0 0 7.67-2.69a14.8 14.8 0 0 0 3.06-3.5a19.7 19.7 0 0 0-.17 5.14c0 .25.56.48 1.75.64a22 22 0 0 0 3.53.17c1.14 0 1.72-.14 1.72-.33c-.1-.69-.21-2.2-.3-3.83c2.38 2.53 5.24 4.38 7.42 4.22c1.27-.09 2.8-1.09 4.53-3.06a17 17 0 0 0 1.08-1.56a4.6 4.6 0 0 0 1.14 2.42a5.15 5.15 0 0 0 4.39 1.89c1.74-.18 3.1-1.57 4.14-4.19a18 18 0 0 1 1.11-2.42c.67-1.09.52-.37.42.14c-.33 1.67-.72 4 .33 5.47a2.64 2.64 0 0 0 2.5 1.33c1-.14 2.16-1 3.42-2.61a5.2 5.2 0 0 0 0 1.47c.1.25.62.47 1.61.61a16 16 0 0 0 2.86.17c.91 0 1.36-.14 1.36-.33c.8-3.5 1.42-6.5 4.28-10.25h.17a.75.75 0 0 1 0 .42a4 4 0 0 1-.14.69c-.05.25-.15.61-.28 1.08s-.23.92-.33 1.33a9.4 9.4 0 0 0-.31 3.61a6.5 6.5 0 0 0 .72 2.28a2.8 2.8 0 0 0 1.33 1.19a4.7 4.7 0 0 0 1.56.42a6 6 0 0 0 1.47-.11c1.17-.25 2.4-1.29 3.69-3.14a23.3 23.3 0 0 0 3.12-6.47v-.08c.08-.15-.04-.22-.3-.19M180 110.19q-1.81 6-2.81 6c-.46-.06-.63-.57-.53-1.56a31 31 0 0 1 1.05-4.64c.41-1.33.78-2.43 1.08-3.25s.58-1.53.89-2.17a4.8 4.8 0 0 1 .89-1.33a1.1 1.1 0 0 1 .69-.28a.45.45 0 0 1 .5.39v.11a22 22 0 0 1-1.19 5a15 15 0 0 0-.57 1.73"/><rect width="6.26" height="6.26" x="188.92" y="89.51" fill="#fff" rx=".88"/><rect width="7.67" height="7.67" x="198.58" y="91.85" fill="#fff" rx="1.08"/><rect width="9.08" height="9.08" x="207.5" y="82.3" fill="#fff" rx="1.28"/></g></svg>Cara memakai ikon Wekan
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:wekan" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:wekan" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:wekan" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--wekan]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:wekan"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:wekan"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/wekan.svg" alt="Ikon Wekan" width="24" height="24">Ikon Wekan di set ikon lain
FAQ Ikon Wekan
Apakah ikon Wekan 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 Wekan di React?
Pasang @iconify/react lalu render <Icon icon="thesvg-color:wekan" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Wekan ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/wekan.svg" alt="Ikon Wekan">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.