Иконка Thymeleaf

devicon:thymeleaf

Иконка Thymeleaf (devicon:thymeleaf) — бесплатная SVG-иконка из набора Devicon от konpa. Она нарисована на сетке 128 × 128. Devicon icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Devicon
Автор: konpa
Лицензия: MIT
Размер: 128 × 128

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#005f0f" d="M9.211 0H118.79a9.084 9.084 0 0 1 9.103 9.104v109.792A9.084 9.084 0 0 1 118.79 128H9.21a9.084 9.084 0 0 1-9.103-9.104V9.104A9.084 9.084 0 0 1 9.21 0z"/><path fill="#fff" d="M109.017 17.453C93.28 36.737 74.06 52.889 53.564 66.89c-6.663 4.77-14.018 9.015-19.141 15.546c-1.957 3.437-2.429 8.278.916 11.067c5.571 5.25 14.248 6.392 21.227 3.453c9.77-3.721 16.519-12.193 22.191-20.59c12.658-18.236 20.335-39.211 30.26-58.914z"/><path fill="#aea99f" d="M99.991 24.121C80.397 39.646 64.725 48.036 44.686 55.254c-6.048 2.588-12.53 5.872-15.339 12.222c-2.892 6.007-1.944 14.385 1.374 19.948c-.248-2.342 1.003-6.125 2.864-7.901c6.176-6.878 14.22-11.384 21.296-16.607l.017-.014l.017-.012C71.29 51.644 86.643 38.793 99.99 24.121z"/></svg>

Как использовать иконку Thymeleaf

React

import { Icon } from "@iconify/react";

<Icon icon="devicon:thymeleaf" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="devicon:thymeleaf" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="devicon:thymeleaf" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--thymeleaf]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:thymeleaf"></div>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="devicon:thymeleaf"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/devicon/thymeleaf.svg" alt="Иконка Thymeleaf" width="24" height="24">

Иконка Thymeleaf в других наборах

Вопросы и ответы: Иконка Thymeleaf

Можно ли бесплатно использовать иконку Thymeleaf в коммерческих проектах?

Да. Devicon icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Thymeleaf в React?

Установите @iconify/react и выведите <Icon icon="devicon:thymeleaf" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Thymeleaf на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/devicon/thymeleaf.svg" alt="Иконка Thymeleaf">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Devicon →