uml logo

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

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

The same logo in other sets

Related icons in Material Icon Theme

Use the uml logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 100 100"><path fill="#b39ddb" d="M87 76.652L53.84 93.907l-.038-41.04l13.9-7.15v29.622l19.224-9.85z"/><path fill="#fbc02d" d="m38.693 89.604l8.576 4.303V52.743l-13.027-6.29l-4.126 19.643l-4.16-23.69L13 36.077V77.28l8.54 4.378V56.826l4.669 26.817l7.599 3.863l4.885-22.293z"/><path fill="#f06292" d="m45.237 6.093l-9.775 8.755s19.072 9.931 21.39 11.105c2.317 1.173 5.615 3.43 2.05 6.771s-7.487 2.89-10.16 1.535a21830 21830 0 0 1-22.458-11.466l-10.07 8.667S35.642 41.48 38.85 43.196c3.208 1.715 15.15 5.958 26.47-2.98c11.318-8.937 9.714-12.188 9.714-12.82s-.267-3.972-2.228-6.048c-1.96-2.077-7.664-5.056-10.07-6.32S45.239 6.092 45.239 6.092z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialIconThemeUml(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 100 100"><path fill="#b39ddb" d="M87 76.652L53.84 93.907l-.038-41.04l13.9-7.15v29.622l19.224-9.85z"/><path fill="#fbc02d" d="m38.693 89.604l8.576 4.303V52.743l-13.027-6.29l-4.126 19.643l-4.16-23.69L13 36.077V77.28l8.54 4.378V56.826l4.669 26.817l7.599 3.863l4.885-22.293z"/><path fill="#f06292" d="m45.237 6.093l-9.775 8.755s19.072 9.931 21.39 11.105c2.317 1.173 5.615 3.43 2.05 6.771s-7.487 2.89-10.16 1.535a21830 21830 0 0 1-22.458-11.466l-10.07 8.667S35.642 41.48 38.85 43.196c3.208 1.715 15.15 5.958 26.47-2.98c11.318-8.937 9.714-12.188 9.714-12.82s-.267-3.972-2.228-6.048c-1.96-2.077-7.664-5.056-10.07-6.32S45.239 6.092 45.239 6.092z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 100 100"><path fill="#b39ddb" d="M87 76.652L53.84 93.907l-.038-41.04l13.9-7.15v29.622l19.224-9.85z"/><path fill="#fbc02d" d="m38.693 89.604l8.576 4.303V52.743l-13.027-6.29l-4.126 19.643l-4.16-23.69L13 36.077V77.28l8.54 4.378V56.826l4.669 26.817l7.599 3.863l4.885-22.293z"/><path fill="#f06292" d="m45.237 6.093l-9.775 8.755s19.072 9.931 21.39 11.105c2.317 1.173 5.615 3.43 2.05 6.771s-7.487 2.89-10.16 1.535a21830 21830 0 0 1-22.458-11.466l-10.07 8.667S35.642 41.48 38.85 43.196c3.208 1.715 15.15 5.958 26.47-2.98c11.318-8.937 9.714-12.188 9.714-12.82s-.267-3.972-2.228-6.048c-1.96-2.077-7.664-5.056-10.07-6.32S45.239 6.092 45.239 6.092z"/></svg>
</template>

CSS

.icon-uml {
  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%23b39ddb%22%20d%3D%22M87%2076.652L53.84%2093.907l-.038-41.04l13.9-7.15v29.622l19.224-9.85z%22%2F%3E%3Cpath%20fill%3D%22%23fbc02d%22%20d%3D%22m38.693%2089.604l8.576%204.303V52.743l-13.027-6.29l-4.126%2019.643l-4.16-23.69L13%2036.077V77.28l8.54%204.378V56.826l4.669%2026.817l7.599%203.863l4.885-22.293z%22%2F%3E%3Cpath%20fill%3D%22%23f06292%22%20d%3D%22m45.237%206.093l-9.775%208.755s19.072%209.931%2021.39%2011.105c2.317%201.173%205.615%203.43%202.05%206.771s-7.487%202.89-10.16%201.535a21830%2021830%200%200%201-22.458-11.466l-10.07%208.667S35.642%2041.48%2038.85%2043.196c3.208%201.715%2015.15%205.958%2026.47-2.98c11.318-8.937%209.714-12.188%209.714-12.82s-.267-3.972-2.228-6.048c-1.96-2.077-7.664-5.056-10.07-6.32S45.239%206.092%2045.239%206.092z%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%23b39ddb%22%20d%3D%22M87%2076.652L53.84%2093.907l-.038-41.04l13.9-7.15v29.622l19.224-9.85z%22%2F%3E%3Cpath%20fill%3D%22%23fbc02d%22%20d%3D%22m38.693%2089.604l8.576%204.303V52.743l-13.027-6.29l-4.126%2019.643l-4.16-23.69L13%2036.077V77.28l8.54%204.378V56.826l4.669%2026.817l7.599%203.863l4.885-22.293z%22%2F%3E%3Cpath%20fill%3D%22%23f06292%22%20d%3D%22m45.237%206.093l-9.775%208.755s19.072%209.931%2021.39%2011.105c2.317%201.173%205.615%203.43%202.05%206.771s-7.487%202.89-10.16%201.535a21830%2021830%200%200%201-22.458-11.466l-10.07%208.667S35.642%2041.48%2038.85%2043.196c3.208%201.715%2015.15%205.958%2026.47-2.98c11.318-8.937%209.714-12.188%209.714-12.82s-.267-3.972-2.228-6.048c-1.96-2.077-7.664-5.056-10.07-6.32S45.239%206.092%2045.239%206.092z%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.svg?color=%231a73e8&size=48