uml light logo

uml-light from Material Icon Theme by Material Extensions · Color · MIT Free for personal and commercial use.

Name
uml-light
Set
Material Icon Theme
Style
Color
Viewbox
100×100
License
MIT

Use the uml light logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 100 100"><path fill="#9575cd" d="M67.702 45.716V75.34l19.224-9.85L87 76.653L53.84 93.907l-.038-41.04z"/><path fill="#f9a825" d="m30.116 66.096l-4.16-23.69L13 36.077V77.28l8.54 4.378V56.826l4.669 26.817l7.599 3.863l4.885-22.293v24.391l8.576 4.303V52.743l-13.027-6.29z"/><path fill="#ec407a" d="m45.237 6.093l-9.775 8.755s19.072 9.931 21.39 11.105c2.317 1.174 5.615 3.43 2.05 6.772c-3.565 3.34-7.487 2.889-10.16 1.535a21830 21830 0 0 1-22.458-11.468l-10.07 8.667S35.641 41.482 38.85 43.196c3.208 1.716 15.15 5.959 26.47-2.979c11.318-8.938 9.714-12.188 9.714-12.82s-.267-3.972-2.228-6.049c-1.96-2.076-7.664-5.056-10.07-6.32S45.239 6.093 45.239 6.093z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialIconThemeUmlLight(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 100 100"><path fill="#9575cd" d="M67.702 45.716V75.34l19.224-9.85L87 76.653L53.84 93.907l-.038-41.04z"/><path fill="#f9a825" d="m30.116 66.096l-4.16-23.69L13 36.077V77.28l8.54 4.378V56.826l4.669 26.817l7.599 3.863l4.885-22.293v24.391l8.576 4.303V52.743l-13.027-6.29z"/><path fill="#ec407a" d="m45.237 6.093l-9.775 8.755s19.072 9.931 21.39 11.105c2.317 1.174 5.615 3.43 2.05 6.772c-3.565 3.34-7.487 2.889-10.16 1.535a21830 21830 0 0 1-22.458-11.468l-10.07 8.667S35.641 41.482 38.85 43.196c3.208 1.716 15.15 5.959 26.47-2.979c11.318-8.938 9.714-12.188 9.714-12.82s-.267-3.972-2.228-6.049c-1.96-2.076-7.664-5.056-10.07-6.32S45.239 6.093 45.239 6.093z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 100 100"><path fill="#9575cd" d="M67.702 45.716V75.34l19.224-9.85L87 76.653L53.84 93.907l-.038-41.04z"/><path fill="#f9a825" d="m30.116 66.096l-4.16-23.69L13 36.077V77.28l8.54 4.378V56.826l4.669 26.817l7.599 3.863l4.885-22.293v24.391l8.576 4.303V52.743l-13.027-6.29z"/><path fill="#ec407a" d="m45.237 6.093l-9.775 8.755s19.072 9.931 21.39 11.105c2.317 1.174 5.615 3.43 2.05 6.772c-3.565 3.34-7.487 2.889-10.16 1.535a21830 21830 0 0 1-22.458-11.468l-10.07 8.667S35.641 41.482 38.85 43.196c3.208 1.716 15.15 5.959 26.47-2.979c11.318-8.938 9.714-12.188 9.714-12.82s-.267-3.972-2.228-6.049c-1.96-2.076-7.664-5.056-10.07-6.32S45.239 6.093 45.239 6.093z"/></svg>
</template>

CSS

.icon-uml-light {
  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%20100%20100%22%3E%3Cpath%20fill%3D%22%239575cd%22%20d%3D%22M67.702%2045.716V75.34l19.224-9.85L87%2076.653L53.84%2093.907l-.038-41.04z%22%2F%3E%3Cpath%20fill%3D%22%23f9a825%22%20d%3D%22m30.116%2066.096l-4.16-23.69L13%2036.077V77.28l8.54%204.378V56.826l4.669%2026.817l7.599%203.863l4.885-22.293v24.391l8.576%204.303V52.743l-13.027-6.29z%22%2F%3E%3Cpath%20fill%3D%22%23ec407a%22%20d%3D%22m45.237%206.093l-9.775%208.755s19.072%209.931%2021.39%2011.105c2.317%201.174%205.615%203.43%202.05%206.772c-3.565%203.34-7.487%202.889-10.16%201.535a21830%2021830%200%200%201-22.458-11.468l-10.07%208.667S35.641%2041.482%2038.85%2043.196c3.208%201.716%2015.15%205.959%2026.47-2.979c11.318-8.938%209.714-12.188%209.714-12.82s-.267-3.972-2.228-6.049c-1.96-2.076-7.664-5.056-10.07-6.32S45.239%206.093%2045.239%206.093z%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%20100%20100%22%3E%3Cpath%20fill%3D%22%239575cd%22%20d%3D%22M67.702%2045.716V75.34l19.224-9.85L87%2076.653L53.84%2093.907l-.038-41.04z%22%2F%3E%3Cpath%20fill%3D%22%23f9a825%22%20d%3D%22m30.116%2066.096l-4.16-23.69L13%2036.077V77.28l8.54%204.378V56.826l4.669%2026.817l7.599%203.863l4.885-22.293v24.391l8.576%204.303V52.743l-13.027-6.29z%22%2F%3E%3Cpath%20fill%3D%22%23ec407a%22%20d%3D%22m45.237%206.093l-9.775%208.755s19.072%209.931%2021.39%2011.105c2.317%201.174%205.615%203.43%202.05%206.772c-3.565%203.34-7.487%202.889-10.16%201.535a21830%2021830%200%200%201-22.458-11.468l-10.07%208.667S35.641%2041.482%2038.85%2043.196c3.208%201.716%2015.15%205.959%2026.47-2.979c11.318-8.938%209.714-12.188%209.714-12.82s-.267-3.972-2.228-6.049c-1.96-2.076-7.664-5.056-10.07-6.32S45.239%206.093%2045.239%206.093z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-icon-theme/uml-light.svg?color=%231a73e8&size=48