thymeleaf icon logo

thymeleaf-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
thymeleaf-icon
Set
SVG Logos
Style
Color
Viewbox
256×257
License
CC0

Use the thymeleaf icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 257"><path fill="#005f0f" d="M0 0h256v256.431H0z"/><path fill="#fff" d="M218.187 34.965c-31.528 38.634-70.032 70.992-111.094 99.043c-13.348 9.555-28.084 18.06-38.347 31.144c-3.92 6.886-4.865 16.584 1.836 22.172c11.16 10.517 28.544 12.805 42.525 6.917c19.575-7.456 33.094-24.427 44.458-41.25c25.358-36.533 40.737-78.555 60.622-118.026"/><path fill="#aea99f" d="M200.104 48.324c-39.254 31.102-70.652 47.91-110.797 62.37c-12.116 5.184-25.1 11.763-30.73 24.485c-5.794 12.036-3.895 28.82 2.753 39.963c-.497-4.69 2.009-12.27 5.738-15.829c12.372-13.778 28.488-22.806 42.663-33.269l.034-.028l.034-.023c32.806-22.53 63.563-48.276 90.305-77.67"/></svg>

React

import type { SVGProps } from "react";

export function LogosThymeleafIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 257"><path fill="#005f0f" d="M0 0h256v256.431H0z"/><path fill="#fff" d="M218.187 34.965c-31.528 38.634-70.032 70.992-111.094 99.043c-13.348 9.555-28.084 18.06-38.347 31.144c-3.92 6.886-4.865 16.584 1.836 22.172c11.16 10.517 28.544 12.805 42.525 6.917c19.575-7.456 33.094-24.427 44.458-41.25c25.358-36.533 40.737-78.555 60.622-118.026"/><path fill="#aea99f" d="M200.104 48.324c-39.254 31.102-70.652 47.91-110.797 62.37c-12.116 5.184-25.1 11.763-30.73 24.485c-5.794 12.036-3.895 28.82 2.753 39.963c-.497-4.69 2.009-12.27 5.738-15.829c12.372-13.778 28.488-22.806 42.663-33.269l.034-.028l.034-.023c32.806-22.53 63.563-48.276 90.305-77.67"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 257"><path fill="#005f0f" d="M0 0h256v256.431H0z"/><path fill="#fff" d="M218.187 34.965c-31.528 38.634-70.032 70.992-111.094 99.043c-13.348 9.555-28.084 18.06-38.347 31.144c-3.92 6.886-4.865 16.584 1.836 22.172c11.16 10.517 28.544 12.805 42.525 6.917c19.575-7.456 33.094-24.427 44.458-41.25c25.358-36.533 40.737-78.555 60.622-118.026"/><path fill="#aea99f" d="M200.104 48.324c-39.254 31.102-70.652 47.91-110.797 62.37c-12.116 5.184-25.1 11.763-30.73 24.485c-5.794 12.036-3.895 28.82 2.753 39.963c-.497-4.69 2.009-12.27 5.738-15.829c12.372-13.778 28.488-22.806 42.663-33.269l.034-.028l.034-.023c32.806-22.53 63.563-48.276 90.305-77.67"/></svg>
</template>

CSS

.icon-thymeleaf-icon {
  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%20256%20257%22%3E%3Cpath%20fill%3D%22%23005f0f%22%20d%3D%22M0%200h256v256.431H0z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M218.187%2034.965c-31.528%2038.634-70.032%2070.992-111.094%2099.043c-13.348%209.555-28.084%2018.06-38.347%2031.144c-3.92%206.886-4.865%2016.584%201.836%2022.172c11.16%2010.517%2028.544%2012.805%2042.525%206.917c19.575-7.456%2033.094-24.427%2044.458-41.25c25.358-36.533%2040.737-78.555%2060.622-118.026%22%2F%3E%3Cpath%20fill%3D%22%23aea99f%22%20d%3D%22M200.104%2048.324c-39.254%2031.102-70.652%2047.91-110.797%2062.37c-12.116%205.184-25.1%2011.763-30.73%2024.485c-5.794%2012.036-3.895%2028.82%202.753%2039.963c-.497-4.69%202.009-12.27%205.738-15.829c12.372-13.778%2028.488-22.806%2042.663-33.269l.034-.028l.034-.023c32.806-22.53%2063.563-48.276%2090.305-77.67%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%20256%20257%22%3E%3Cpath%20fill%3D%22%23005f0f%22%20d%3D%22M0%200h256v256.431H0z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M218.187%2034.965c-31.528%2038.634-70.032%2070.992-111.094%2099.043c-13.348%209.555-28.084%2018.06-38.347%2031.144c-3.92%206.886-4.865%2016.584%201.836%2022.172c11.16%2010.517%2028.544%2012.805%2042.525%206.917c19.575-7.456%2033.094-24.427%2044.458-41.25c25.358-36.533%2040.737-78.555%2060.622-118.026%22%2F%3E%3Cpath%20fill%3D%22%23aea99f%22%20d%3D%22M200.104%2048.324c-39.254%2031.102-70.652%2047.91-110.797%2062.37c-12.116%205.184-25.1%2011.763-30.73%2024.485c-5.794%2012.036-3.895%2028.82%202.753%2039.963c-.497-4.69%202.009-12.27%205.738-15.829c12.372-13.778%2028.488-22.806%2042.663-33.269l.034-.028l.034-.023c32.806-22.53%2063.563-48.276%2090.305-77.67%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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