trmnl logo

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

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

Use the trmnl logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m6.024.913l6.661 2.498l-1.237 3.299l-6.661-2.498ZM16.705.097l2.2 6.766l-3.35 1.09l-2.2-6.766zM24 7.942l-3.917 5.939l-2.941-1.94L21.06 6Zm-1.583 10.593l-7.086.64l-.317-3.509l7.086-.64zm-9.271 5.367L8.228 18.76l2.546-2.436l4.918 5.141zm-9.976-3.9l.953-7.05l3.491.472l-.953 7.05zM0 9.768l6.107-3.65L7.915 9.14l-6.107 3.65Z"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsTrmnl(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="m6.024.913l6.661 2.498l-1.237 3.299l-6.661-2.498ZM16.705.097l2.2 6.766l-3.35 1.09l-2.2-6.766zM24 7.942l-3.917 5.939l-2.941-1.94L21.06 6Zm-1.583 10.593l-7.086.64l-.317-3.509l7.086-.64zm-9.271 5.367L8.228 18.76l2.546-2.436l4.918 5.141zm-9.976-3.9l.953-7.05l3.491.472l-.953 7.05zM0 9.768l6.107-3.65L7.915 9.14l-6.107 3.65Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m6.024.913l6.661 2.498l-1.237 3.299l-6.661-2.498ZM16.705.097l2.2 6.766l-3.35 1.09l-2.2-6.766zM24 7.942l-3.917 5.939l-2.941-1.94L21.06 6Zm-1.583 10.593l-7.086.64l-.317-3.509l7.086-.64zm-9.271 5.367L8.228 18.76l2.546-2.436l4.918 5.141zm-9.976-3.9l.953-7.05l3.491.472l-.953 7.05zM0 9.768l6.107-3.65L7.915 9.14l-6.107 3.65Z"/></svg>
</template>

CSS

.icon-trmnl {
  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%22m6.024.913l6.661%202.498l-1.237%203.299l-6.661-2.498ZM16.705.097l2.2%206.766l-3.35%201.09l-2.2-6.766zM24%207.942l-3.917%205.939l-2.941-1.94L21.06%206Zm-1.583%2010.593l-7.086.64l-.317-3.509l7.086-.64zm-9.271%205.367L8.228%2018.76l2.546-2.436l4.918%205.141zm-9.976-3.9l.953-7.05l3.491.472l-.953%207.05zM0%209.768l6.107-3.65L7.915%209.14l-6.107%203.65Z%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%22m6.024.913l6.661%202.498l-1.237%203.299l-6.661-2.498ZM16.705.097l2.2%206.766l-3.35%201.09l-2.2-6.766zM24%207.942l-3.917%205.939l-2.941-1.94L21.06%206Zm-1.583%2010.593l-7.086.64l-.317-3.509l7.086-.64zm-9.271%205.367L8.228%2018.76l2.546-2.436l4.918%205.141zm-9.976-3.9l.953-7.05l3.491.472l-.953%207.05zM0%209.768l6.107-3.65L7.915%209.14l-6.107%203.65Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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