Wekan icon
thesvg-color:wekan
The Wekan icon (thesvg-color:wekan) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 303 × 210 grid. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- theSVG Color
- Author
- thesvg.org
- License
- MIT
- Size
- 303 × 210
SVG code
<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>How to use the Wekan icon
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>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/wekan.svg" alt="Wekan icon" width="24" height="24">Wekan icon in other icon sets
Wekan icon FAQ
Is the Wekan icon free for commercial use?
Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Wekan icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:wekan" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Wekan icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/wekan.svg" alt="Wekan icon">, or paste the SVG code inline to style it with CSS.