uml logo
uml from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- uml
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the uml logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.768 0L7.182 1.604s6.126 2.72 6.852 3.055c.72.335 1.744.947.565 1.629s-2.423.477-3.259.09c-.835-.384-7.012-3.257-7.012-3.257L.666 4.777s6.4 2.935 7.4 3.417c1.003.482 4.753 1.784 8.48.002c3.727-1.781 3.261-2.577 3.268-2.724s-.036-.933-.632-1.467c-.599-.534-2.378-1.375-3.127-1.73C15.305 1.916 10.77 0 10.77 0ZM.411 5.299v13.215l2.904 1.402v-7.963l1.585 8.6l2.58 1.243l1.66-7.154v7.826l2.916 1.38V10.643L7.629 8.628l-1.403 6.296l-1.412-7.598Zm16.76 3.115l-4.624 2.315L12.559 24l11.03-5.225l-.025-3.613l-6.393 2.92Z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsUml(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.768 0L7.182 1.604s6.126 2.72 6.852 3.055c.72.335 1.744.947.565 1.629s-2.423.477-3.259.09c-.835-.384-7.012-3.257-7.012-3.257L.666 4.777s6.4 2.935 7.4 3.417c1.003.482 4.753 1.784 8.48.002c3.727-1.781 3.261-2.577 3.268-2.724s-.036-.933-.632-1.467c-.599-.534-2.378-1.375-3.127-1.73C15.305 1.916 10.77 0 10.77 0ZM.411 5.299v13.215l2.904 1.402v-7.963l1.585 8.6l2.58 1.243l1.66-7.154v7.826l2.916 1.38V10.643L7.629 8.628l-1.403 6.296l-1.412-7.598Zm16.76 3.115l-4.624 2.315L12.559 24l11.03-5.225l-.025-3.613l-6.393 2.92Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.768 0L7.182 1.604s6.126 2.72 6.852 3.055c.72.335 1.744.947.565 1.629s-2.423.477-3.259.09c-.835-.384-7.012-3.257-7.012-3.257L.666 4.777s6.4 2.935 7.4 3.417c1.003.482 4.753 1.784 8.48.002c3.727-1.781 3.261-2.577 3.268-2.724s-.036-.933-.632-1.467c-.599-.534-2.378-1.375-3.127-1.73C15.305 1.916 10.77 0 10.77 0ZM.411 5.299v13.215l2.904 1.402v-7.963l1.585 8.6l2.58 1.243l1.66-7.154v7.826l2.916 1.38V10.643L7.629 8.628l-1.403 6.296l-1.412-7.598Zm16.76 3.115l-4.624 2.315L12.559 24l11.03-5.225l-.025-3.613l-6.393 2.92Z"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10.768%200L7.182%201.604s6.126%202.72%206.852%203.055c.72.335%201.744.947.565%201.629s-2.423.477-3.259.09c-.835-.384-7.012-3.257-7.012-3.257L.666%204.777s6.4%202.935%207.4%203.417c1.003.482%204.753%201.784%208.48.002c3.727-1.781%203.261-2.577%203.268-2.724s-.036-.933-.632-1.467c-.599-.534-2.378-1.375-3.127-1.73C15.305%201.916%2010.77%200%2010.77%200ZM.411%205.299v13.215l2.904%201.402v-7.963l1.585%208.6l2.58%201.243l1.66-7.154v7.826l2.916%201.38V10.643L7.629%208.628l-1.403%206.296l-1.412-7.598Zm16.76%203.115l-4.624%202.315L12.559%2024l11.03-5.225l-.025-3.613l-6.393%202.92Z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10.768%200L7.182%201.604s6.126%202.72%206.852%203.055c.72.335%201.744.947.565%201.629s-2.423.477-3.259.09c-.835-.384-7.012-3.257-7.012-3.257L.666%204.777s6.4%202.935%207.4%203.417c1.003.482%204.753%201.784%208.48.002c3.727-1.781%203.261-2.577%203.268-2.724s-.036-.933-.632-1.467c-.599-.534-2.378-1.375-3.127-1.73C15.305%201.916%2010.77%200%2010.77%200ZM.411%205.299v13.215l2.904%201.402v-7.963l1.585%208.6l2.58%201.243l1.66-7.154v7.826l2.916%201.38V10.643L7.629%208.628l-1.403%206.296l-1.412-7.598Zm16.76%203.115l-4.624%202.315L12.559%2024l11.03-5.225l-.025-3.613l-6.393%202.92Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/uml.svg?color=%231a73e8&size=48
