أيقونة 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 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">
أيقونات ذات صلة في Devicon
أيقونة 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 →
ICONYZ
