Detaspace Wordmark icon
devicon:detaspace-wordmark
The Detaspace Wordmark icon (devicon:detaspace-wordmark) is a free SVG icon from the Devicon set by konpa. It is drawn on a 128 × 128 grid. Devicon 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.
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#f73b95" d="M16.703 47.297c9.225 0 16.704 7.478 16.704 16.703s-7.479 16.703-16.704 16.703S0 73.225 0 64s7.478-16.703 16.703-16.703"/><path fill="#bd399c" d="M16.743 50.558c7.468 0 13.522 6.054 13.522 13.522S24.21 77.602 16.743 77.602S3.221 71.548 3.221 64.08s6.054-13.522 13.522-13.522"/><path fill="#93388e" d="M16.743 54.137c5.491 0 9.942 4.452 9.942 9.943s-4.451 9.942-9.942 9.942s-9.942-4.451-9.942-9.942s4.45-9.943 9.942-9.943"/><path fill="#6030a2" d="M16.664 57.16a6.76 6.76 0 1 1 0 13.521a6.76 6.76 0 0 1 0-13.522z"/><path fill="#fdf3f8" d="M42.567 70.204V57.92h4.776c3.385 0 5.463 2.2 5.463 6.15c0 3.952-2.01 6.134-5.411 6.134zm2.044-10.549v8.814h2.629c2.749 0 3.522-2.045 3.522-4.398c0-2.354-.773-4.416-3.522-4.416zm13.528 9.33c1.495 0 2.096-.928 2.251-1.461h1.804c-.447 1.666-1.752 2.938-4.003 2.938c-2.732 0-4.398-1.89-4.398-4.639c0-2.852 1.666-4.639 4.312-4.639c2.835 0 4.226 1.976 4.226 5.103h-6.734c0 1.477.945 2.697 2.542 2.697zm-.034-6.375c-1.46 0-2.508.98-2.508 2.337h4.93c0-1.357-.962-2.337-2.422-2.337m9.488.292h-1.65v4.76c0 .996.481 1.116 1.65 1.047v1.478a5.2 5.2 0 0 1-1.237.137c-1.444 0-2.234-.653-2.234-2.508v-4.914h-1.271v-1.477h1.271v-2.766h1.821v2.766h1.65zm6.67.825c0-.636-.378-1.117-1.58-1.117c-1.444 0-1.977.447-2.062 1.58h-1.753c.086-1.683 1.168-3.006 3.814-3.006c1.942 0 3.385.74 3.385 3.076v4.174c0 .619.137.945.842.877v.859a2.7 2.7 0 0 1-1.048.189c-.963 0-1.41-.344-1.581-1.203h-.034c-.55.773-1.547 1.306-2.904 1.306c-1.787 0-2.886-1.031-2.886-2.509c0-1.924 1.426-2.525 3.625-2.955c1.357-.257 2.182-.43 2.182-1.271m-2.526 5.309c1.495 0 2.526-.739 2.526-2.165v-1.323c-.292.206-.997.412-1.839.584c-1.494.327-2.147.756-2.147 1.65c0 .807.481 1.254 1.46 1.254m14.343-6.15c2.629.67 4.622 1.236 4.622 3.985c0 1.959-1.478 3.59-4.57 3.59c-3.007 0-5.292-1.563-5.412-4.346h2.045c.103 1.564 1.168 2.594 3.367 2.594c1.821 0 2.525-.807 2.525-1.752c0-1.46-1.048-1.735-3.47-2.337c-1.924-.48-4.003-1.22-4.003-3.556c0-2.182 1.684-3.402 4.364-3.402c2.697 0 4.656 1.41 4.828 3.935H88.33c-.189-1.426-1.082-2.182-2.783-2.182c-1.46 0-2.337.55-2.337 1.46c0 1.34 1.151 1.58 2.87 2.01zm10.58-1.702c2.234 0 3.9 1.753 3.9 4.639s-1.666 4.639-3.9 4.639c-1.374 0-2.233-.653-2.697-1.306h-.034v4.038h-1.821v-11.77h1.82v1.032h.035c.464-.619 1.323-1.272 2.698-1.272zm-.343 7.8c1.58 0 2.423-1.443 2.423-3.161s-.842-3.161-2.423-3.161c-1.46 0-2.371 1.202-2.371 3.161c0 1.941.91 3.161 2.371 3.161m10.864-5.257c0-.636-.378-1.117-1.58-1.117c-1.444 0-1.976.447-2.062 1.58h-1.753c.086-1.683 1.169-3.006 3.814-3.006c1.942 0 3.385.74 3.385 3.076v4.174c0 .619.137.945.842.877v.859a2.7 2.7 0 0 1-1.048.189c-.962 0-1.409-.344-1.58-1.203h-.035c-.55.773-1.547 1.306-2.904 1.306c-1.787 0-2.886-1.031-2.886-2.509c0-1.924 1.426-2.525 3.625-2.955c1.357-.257 2.182-.43 2.182-1.271m-2.526 5.309c1.495 0 2.526-.739 2.526-2.165v-1.323c-.292.206-.996.412-1.838.584c-1.495.327-2.148.756-2.148 1.65c0 .807.481 1.254 1.46 1.254m12.275-4.398c-.069-.894-.636-1.976-2.182-1.976c-1.77 0-2.525 1.512-2.525 3.161s.738 3.161 2.525 3.161c1.546 0 2.113-1.065 2.182-2.044h1.804c-.137 2.027-1.7 3.522-3.986 3.522c-2.629 0-4.33-1.89-4.33-4.639s1.701-4.639 4.313-4.639c2.285 0 3.78 1.46 4.003 3.454zm6.878 4.346c1.495 0 2.096-.927 2.25-1.46h1.805c-.447 1.666-1.753 2.938-4.004 2.938c-2.731 0-4.398-1.89-4.398-4.639c0-2.852 1.667-4.639 4.313-4.639c2.834 0 4.226 1.976 4.226 5.103h-6.735c0 1.477.945 2.697 2.543 2.697m-.034-6.374c-1.46 0-2.509.98-2.509 2.337h4.931c0-1.357-.962-2.337-2.422-2.337"/></svg>How to use the Detaspace Wordmark icon
React
import { Icon } from "@iconify/react";
<Icon icon="devicon:detaspace-wordmark" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon:detaspace-wordmark" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon:detaspace-wordmark" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--detaspace-wordmark]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:detaspace-wordmark"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon:detaspace-wordmark"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/devicon/detaspace-wordmark.svg" alt="Detaspace Wordmark icon" width="24" height="24">Related icons in Devicon
Detaspace Wordmark icon FAQ
Is the Detaspace Wordmark icon free for commercial use?
Yes. Devicon icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Detaspace Wordmark icon in React?
Install @iconify/react and render <Icon icon="devicon:detaspace-wordmark" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Detaspace Wordmark icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/devicon/detaspace-wordmark.svg" alt="Detaspace Wordmark icon">, or paste the SVG code inline to style it with CSS.