unocss logo

unocss from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name: unocss
Set: SVG Logos
Style: Color
Viewbox: 256×256
License: CC0

The same logo in other sets

unocssCatppuccin Icons unocssMaterial Icon Theme unocssSimple Icons

Use the unocss logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#858585" d="M137.176 195.927c0-32.813 26.6-59.412 59.412-59.412S256 163.114 256 195.927c0 32.812-26.6 59.412-59.412 59.412s-59.412-26.6-59.412-59.412"/><path fill="#ccc" d="M137.176 59.412C137.176 26.6 163.776 0 196.588 0S256 26.6 256 59.412v53.471c0 3.28-2.66 5.941-5.941 5.941H143.117a5.94 5.94 0 0 1-5.941-5.94z"/><path fill="#4d4d4d" d="M118.824 195.927c0 32.812-26.6 59.412-59.412 59.412S0 228.74 0 195.927v-53.47a5.94 5.94 0 0 1 5.941-5.942h106.942a5.94 5.94 0 0 1 5.941 5.941z"/></svg>

React

import type { SVGProps } from "react";

export function LogosUnocss(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#858585" d="M137.176 195.927c0-32.813 26.6-59.412 59.412-59.412S256 163.114 256 195.927c0 32.812-26.6 59.412-59.412 59.412s-59.412-26.6-59.412-59.412"/><path fill="#ccc" d="M137.176 59.412C137.176 26.6 163.776 0 196.588 0S256 26.6 256 59.412v53.471c0 3.28-2.66 5.941-5.941 5.941H143.117a5.94 5.94 0 0 1-5.941-5.94z"/><path fill="#4d4d4d" d="M118.824 195.927c0 32.812-26.6 59.412-59.412 59.412S0 228.74 0 195.927v-53.47a5.94 5.94 0 0 1 5.941-5.942h106.942a5.94 5.94 0 0 1 5.941 5.941z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#858585" d="M137.176 195.927c0-32.813 26.6-59.412 59.412-59.412S256 163.114 256 195.927c0 32.812-26.6 59.412-59.412 59.412s-59.412-26.6-59.412-59.412"/><path fill="#ccc" d="M137.176 59.412C137.176 26.6 163.776 0 196.588 0S256 26.6 256 59.412v53.471c0 3.28-2.66 5.941-5.941 5.941H143.117a5.94 5.94 0 0 1-5.941-5.94z"/><path fill="#4d4d4d" d="M118.824 195.927c0 32.812-26.6 59.412-59.412 59.412S0 228.74 0 195.927v-53.47a5.94 5.94 0 0 1 5.941-5.942h106.942a5.94 5.94 0 0 1 5.941 5.941z"/></svg>
</template>

CSS

.icon-unocss {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22%23858585%22%20d%3D%22M137.176%20195.927c0-32.813%2026.6-59.412%2059.412-59.412S256%20163.114%20256%20195.927c0%2032.812-26.6%2059.412-59.412%2059.412s-59.412-26.6-59.412-59.412%22%2F%3E%3Cpath%20fill%3D%22%23ccc%22%20d%3D%22M137.176%2059.412C137.176%2026.6%20163.776%200%20196.588%200S256%2026.6%20256%2059.412v53.471c0%203.28-2.66%205.941-5.941%205.941H143.117a5.94%205.94%200%200%201-5.941-5.94z%22%2F%3E%3Cpath%20fill%3D%22%234d4d4d%22%20d%3D%22M118.824%20195.927c0%2032.812-26.6%2059.412-59.412%2059.412S0%20228.74%200%20195.927v-53.47a5.94%205.94%200%200%201%205.941-5.942h106.942a5.94%205.94%200%200%201%205.941%205.941z%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%20256%20256%22%3E%3Cpath%20fill%3D%22%23858585%22%20d%3D%22M137.176%20195.927c0-32.813%2026.6-59.412%2059.412-59.412S256%20163.114%20256%20195.927c0%2032.812-26.6%2059.412-59.412%2059.412s-59.412-26.6-59.412-59.412%22%2F%3E%3Cpath%20fill%3D%22%23ccc%22%20d%3D%22M137.176%2059.412C137.176%2026.6%20163.776%200%20196.588%200S256%2026.6%20256%2059.412v53.471c0%203.28-2.66%205.941-5.941%205.941H143.117a5.94%205.94%200%200%201-5.941-5.94z%22%2F%3E%3Cpath%20fill%3D%22%234d4d4d%22%20d%3D%22M118.824%20195.927c0%2032.812-26.6%2059.412-59.412%2059.412S0%20228.74%200%20195.927v-53.47a5.94%205.94%200%200%201%205.941-5.942h106.942a5.94%205.94%200%200%201%205.941%205.941z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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