detaspace logo

detaspace from Devicon by konpa · Original · MIT Free for personal and commercial use.

Name: detaspace
Set: Devicon
Style: Original
Viewbox: 128×128
License: MIT

1 other variant in Devicon

Use the detaspace logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#f73b95" d="M128 64.003C128 99.349 99.348 128 64.001 128c-35.345 0-64-28.65-64-63.998S28.657 0 64.002 0C99.35 0 128 28.657 128 64.002Zm0 0"/><path fill="#bd399c" d="M115.204 64.003c0 28.275-22.926 51.201-51.202 51.201c-28.28 0-51.2-22.926-51.2-51.201c0-28.28 22.921-51.2 51.2-51.2c28.276 0 51.202 22.92 51.202 51.2m0 0"/><path fill="#93388e" d="M102.399 64.003c0 21.206-17.19 38.396-38.397 38.396c-21.21 0-38.4-17.19-38.4-38.396c0-21.21 17.19-38.4 38.4-38.4c21.206 0 38.397 17.19 38.397 38.4m0 0"/><path fill="#6030a2" d="M89.603 64.003c0 14.135-11.465 25.6-25.6 25.6c-14.14 0-25.601-11.465-25.601-25.6c0-14.14 11.46-25.6 25.6-25.6c14.136 0 25.601 11.46 25.601 25.6m0 0"/></svg>

React

import type { SVGProps } from "react";

export function DeviconDetaspace(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#f73b95" d="M128 64.003C128 99.349 99.348 128 64.001 128c-35.345 0-64-28.65-64-63.998S28.657 0 64.002 0C99.35 0 128 28.657 128 64.002Zm0 0"/><path fill="#bd399c" d="M115.204 64.003c0 28.275-22.926 51.201-51.202 51.201c-28.28 0-51.2-22.926-51.2-51.201c0-28.28 22.921-51.2 51.2-51.2c28.276 0 51.202 22.92 51.202 51.2m0 0"/><path fill="#93388e" d="M102.399 64.003c0 21.206-17.19 38.396-38.397 38.396c-21.21 0-38.4-17.19-38.4-38.396c0-21.21 17.19-38.4 38.4-38.4c21.206 0 38.397 17.19 38.397 38.4m0 0"/><path fill="#6030a2" d="M89.603 64.003c0 14.135-11.465 25.6-25.6 25.6c-14.14 0-25.601-11.465-25.601-25.6c0-14.14 11.46-25.6 25.6-25.6c14.136 0 25.601 11.46 25.601 25.6m0 0"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#f73b95" d="M128 64.003C128 99.349 99.348 128 64.001 128c-35.345 0-64-28.65-64-63.998S28.657 0 64.002 0C99.35 0 128 28.657 128 64.002Zm0 0"/><path fill="#bd399c" d="M115.204 64.003c0 28.275-22.926 51.201-51.202 51.201c-28.28 0-51.2-22.926-51.2-51.201c0-28.28 22.921-51.2 51.2-51.2c28.276 0 51.202 22.92 51.202 51.2m0 0"/><path fill="#93388e" d="M102.399 64.003c0 21.206-17.19 38.396-38.397 38.396c-21.21 0-38.4-17.19-38.4-38.396c0-21.21 17.19-38.4 38.4-38.4c21.206 0 38.397 17.19 38.397 38.4m0 0"/><path fill="#6030a2" d="M89.603 64.003c0 14.135-11.465 25.6-25.6 25.6c-14.14 0-25.601-11.465-25.601-25.6c0-14.14 11.46-25.6 25.6-25.6c14.136 0 25.601 11.46 25.601 25.6m0 0"/></svg>
</template>

CSS

.icon-detaspace {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cpath%20fill%3D%22%23f73b95%22%20d%3D%22M128%2064.003C128%2099.349%2099.348%20128%2064.001%20128c-35.345%200-64-28.65-64-63.998S28.657%200%2064.002%200C99.35%200%20128%2028.657%20128%2064.002Zm0%200%22%2F%3E%3Cpath%20fill%3D%22%23bd399c%22%20d%3D%22M115.204%2064.003c0%2028.275-22.926%2051.201-51.202%2051.201c-28.28%200-51.2-22.926-51.2-51.201c0-28.28%2022.921-51.2%2051.2-51.2c28.276%200%2051.202%2022.92%2051.202%2051.2m0%200%22%2F%3E%3Cpath%20fill%3D%22%2393388e%22%20d%3D%22M102.399%2064.003c0%2021.206-17.19%2038.396-38.397%2038.396c-21.21%200-38.4-17.19-38.4-38.396c0-21.21%2017.19-38.4%2038.4-38.4c21.206%200%2038.397%2017.19%2038.397%2038.4m0%200%22%2F%3E%3Cpath%20fill%3D%22%236030a2%22%20d%3D%22M89.603%2064.003c0%2014.135-11.465%2025.6-25.6%2025.6c-14.14%200-25.601-11.465-25.601-25.6c0-14.14%2011.46-25.6%2025.6-25.6c14.136%200%2025.601%2011.46%2025.601%2025.6m0%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cpath%20fill%3D%22%23f73b95%22%20d%3D%22M128%2064.003C128%2099.349%2099.348%20128%2064.001%20128c-35.345%200-64-28.65-64-63.998S28.657%200%2064.002%200C99.35%200%20128%2028.657%20128%2064.002Zm0%200%22%2F%3E%3Cpath%20fill%3D%22%23bd399c%22%20d%3D%22M115.204%2064.003c0%2028.275-22.926%2051.201-51.202%2051.201c-28.28%200-51.2-22.926-51.2-51.201c0-28.28%2022.921-51.2%2051.2-51.2c28.276%200%2051.202%2022.92%2051.202%2051.2m0%200%22%2F%3E%3Cpath%20fill%3D%22%2393388e%22%20d%3D%22M102.399%2064.003c0%2021.206-17.19%2038.396-38.397%2038.396c-21.21%200-38.4-17.19-38.4-38.396c0-21.21%2017.19-38.4%2038.4-38.4c21.206%200%2038.397%2017.19%2038.397%2038.4m0%200%22%2F%3E%3Cpath%20fill%3D%22%236030a2%22%20d%3D%22M89.603%2064.003c0%2014.135-11.465%2025.6-25.6%2025.6c-14.14%200-25.601-11.465-25.601-25.6c0-14.14%2011.46-25.6%2025.6-25.6c14.136%200%2025.601%2011.46%2025.601%2025.6m0%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/detaspace.svg?color=%231a73e8&size=48