trueup logo

trueup from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
trueup
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the trueup logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.17 4.8a1.2 1.2 0 1 0 .06 2.4a1.2 1.2 0 0 0-.06-2.4m-8.4 0a1.2 1.2 0 1 0 .06 2.4a1.2 1.2 0 0 0-.06-2.4M10.2 0a6.61 6.61 0 0 0-6.6 6.6v4.8A12.614 12.614 0 0 0 16.2 24h3.6a.6.6 0 0 0 .6-.6V6.6A6.61 6.61 0 0 0 13.8 0Zm0 1.2h3.6a5.3 5.3 0 0 1 2.525.656A6.15 6.15 0 0 0 12 5.631a6.15 6.15 0 0 0-4.325-3.775A5.3 5.3 0 0 1 10.2 1.2M6.333 2.844C9.505 3.13 11.4 5.403 11.4 9a.6.6 0 0 0 1.2 0c0-3.597 1.895-5.87 5.067-6.156A5.38 5.38 0 0 1 19.2 6.6v.6c0 3.905-4.423 7.2-7.2 7.2s-7.2-3.295-7.2-7.2v-.6c0-1.404.551-2.752 1.533-3.756M4.8 11.068C6.505 13.758 9.681 15.6 12 15.6c1.09 0 2.371-.413 3.6-1.124V16.2c0 2.932.782 5.138 2.316 6.6H16.2A11.413 11.413 0 0 1 4.8 11.4Zm14.4 0v11.25c-1.609-1.21-2.4-3.218-2.4-6.118v-2.523a10.3 10.3 0 0 0 2.4-2.61z"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsTrueup(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="M16.17 4.8a1.2 1.2 0 1 0 .06 2.4a1.2 1.2 0 0 0-.06-2.4m-8.4 0a1.2 1.2 0 1 0 .06 2.4a1.2 1.2 0 0 0-.06-2.4M10.2 0a6.61 6.61 0 0 0-6.6 6.6v4.8A12.614 12.614 0 0 0 16.2 24h3.6a.6.6 0 0 0 .6-.6V6.6A6.61 6.61 0 0 0 13.8 0Zm0 1.2h3.6a5.3 5.3 0 0 1 2.525.656A6.15 6.15 0 0 0 12 5.631a6.15 6.15 0 0 0-4.325-3.775A5.3 5.3 0 0 1 10.2 1.2M6.333 2.844C9.505 3.13 11.4 5.403 11.4 9a.6.6 0 0 0 1.2 0c0-3.597 1.895-5.87 5.067-6.156A5.38 5.38 0 0 1 19.2 6.6v.6c0 3.905-4.423 7.2-7.2 7.2s-7.2-3.295-7.2-7.2v-.6c0-1.404.551-2.752 1.533-3.756M4.8 11.068C6.505 13.758 9.681 15.6 12 15.6c1.09 0 2.371-.413 3.6-1.124V16.2c0 2.932.782 5.138 2.316 6.6H16.2A11.413 11.413 0 0 1 4.8 11.4Zm14.4 0v11.25c-1.609-1.21-2.4-3.218-2.4-6.118v-2.523a10.3 10.3 0 0 0 2.4-2.61z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.17 4.8a1.2 1.2 0 1 0 .06 2.4a1.2 1.2 0 0 0-.06-2.4m-8.4 0a1.2 1.2 0 1 0 .06 2.4a1.2 1.2 0 0 0-.06-2.4M10.2 0a6.61 6.61 0 0 0-6.6 6.6v4.8A12.614 12.614 0 0 0 16.2 24h3.6a.6.6 0 0 0 .6-.6V6.6A6.61 6.61 0 0 0 13.8 0Zm0 1.2h3.6a5.3 5.3 0 0 1 2.525.656A6.15 6.15 0 0 0 12 5.631a6.15 6.15 0 0 0-4.325-3.775A5.3 5.3 0 0 1 10.2 1.2M6.333 2.844C9.505 3.13 11.4 5.403 11.4 9a.6.6 0 0 0 1.2 0c0-3.597 1.895-5.87 5.067-6.156A5.38 5.38 0 0 1 19.2 6.6v.6c0 3.905-4.423 7.2-7.2 7.2s-7.2-3.295-7.2-7.2v-.6c0-1.404.551-2.752 1.533-3.756M4.8 11.068C6.505 13.758 9.681 15.6 12 15.6c1.09 0 2.371-.413 3.6-1.124V16.2c0 2.932.782 5.138 2.316 6.6H16.2A11.413 11.413 0 0 1 4.8 11.4Zm14.4 0v11.25c-1.609-1.21-2.4-3.218-2.4-6.118v-2.523a10.3 10.3 0 0 0 2.4-2.61z"/></svg>
</template>

CSS

.icon-trueup {
  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%22M16.17%204.8a1.2%201.2%200%201%200%20.06%202.4a1.2%201.2%200%200%200-.06-2.4m-8.4%200a1.2%201.2%200%201%200%20.06%202.4a1.2%201.2%200%200%200-.06-2.4M10.2%200a6.61%206.61%200%200%200-6.6%206.6v4.8A12.614%2012.614%200%200%200%2016.2%2024h3.6a.6.6%200%200%200%20.6-.6V6.6A6.61%206.61%200%200%200%2013.8%200Zm0%201.2h3.6a5.3%205.3%200%200%201%202.525.656A6.15%206.15%200%200%200%2012%205.631a6.15%206.15%200%200%200-4.325-3.775A5.3%205.3%200%200%201%2010.2%201.2M6.333%202.844C9.505%203.13%2011.4%205.403%2011.4%209a.6.6%200%200%200%201.2%200c0-3.597%201.895-5.87%205.067-6.156A5.38%205.38%200%200%201%2019.2%206.6v.6c0%203.905-4.423%207.2-7.2%207.2s-7.2-3.295-7.2-7.2v-.6c0-1.404.551-2.752%201.533-3.756M4.8%2011.068C6.505%2013.758%209.681%2015.6%2012%2015.6c1.09%200%202.371-.413%203.6-1.124V16.2c0%202.932.782%205.138%202.316%206.6H16.2A11.413%2011.413%200%200%201%204.8%2011.4Zm14.4%200v11.25c-1.609-1.21-2.4-3.218-2.4-6.118v-2.523a10.3%2010.3%200%200%200%202.4-2.61z%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%22M16.17%204.8a1.2%201.2%200%201%200%20.06%202.4a1.2%201.2%200%200%200-.06-2.4m-8.4%200a1.2%201.2%200%201%200%20.06%202.4a1.2%201.2%200%200%200-.06-2.4M10.2%200a6.61%206.61%200%200%200-6.6%206.6v4.8A12.614%2012.614%200%200%200%2016.2%2024h3.6a.6.6%200%200%200%20.6-.6V6.6A6.61%206.61%200%200%200%2013.8%200Zm0%201.2h3.6a5.3%205.3%200%200%201%202.525.656A6.15%206.15%200%200%200%2012%205.631a6.15%206.15%200%200%200-4.325-3.775A5.3%205.3%200%200%201%2010.2%201.2M6.333%202.844C9.505%203.13%2011.4%205.403%2011.4%209a.6.6%200%200%200%201.2%200c0-3.597%201.895-5.87%205.067-6.156A5.38%205.38%200%200%201%2019.2%206.6v.6c0%203.905-4.423%207.2-7.2%207.2s-7.2-3.295-7.2-7.2v-.6c0-1.404.551-2.752%201.533-3.756M4.8%2011.068C6.505%2013.758%209.681%2015.6%2012%2015.6c1.09%200%202.371-.413%203.6-1.124V16.2c0%202.932.782%205.138%202.316%206.6H16.2A11.413%2011.413%200%200%201%204.8%2011.4Zm14.4%200v11.25c-1.609-1.21-2.4-3.218-2.4-6.118v-2.523a10.3%2010.3%200%200%200%202.4-2.61z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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