Ikon Tailwindcss
devicon:tailwindcss
Ikon Tailwindcss (devicon:tailwindcss) adalah ikon SVG gratis dari set Devicon karya konpa. Ikon ini digambar pada grid 128 × 128. Devicon icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Devicon
- Pembuat
- konpa
- Lisensi
- MIT
- Ukuran
- 128 × 128
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#38bdf8" d="M64.004 25.602c-17.067 0-27.73 8.53-32 25.597c6.398-8.531 13.867-11.73 22.398-9.597c4.871 1.214 8.352 4.746 12.207 8.66C72.883 56.629 80.145 64 96.004 64c17.066 0 27.73-8.531 32-25.602q-9.6 12.803-22.399 9.602c-4.87-1.215-8.347-4.746-12.207-8.66c-6.27-6.367-13.53-13.738-29.394-13.738M32.004 64c-17.066 0-27.73 8.531-32 25.602Q9.603 76.799 22.402 80c4.871 1.215 8.352 4.746 12.207 8.66c6.274 6.367 13.536 13.738 29.395 13.738c17.066 0 27.73-8.53 32-25.597q-9.6 12.797-22.399 9.597c-4.87-1.214-8.347-4.746-12.207-8.66C55.128 71.371 47.868 64 32.004 64m0 0"/></svg>
Cara memakai ikon Tailwindcss
React
import { Icon } from "@iconify/react";
<Icon icon="devicon:tailwindcss" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon:tailwindcss" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon:tailwindcss" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--tailwindcss]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:tailwindcss"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon:tailwindcss"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/devicon/tailwindcss.svg" alt="Ikon Tailwindcss" width="24" height="24">
Ikon Tailwindcss di set ikon lain
FAQ Ikon Tailwindcss
Apakah ikon Tailwindcss gratis untuk penggunaan komersial?
Ya. Devicon icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Tailwindcss di React?
Pasang @iconify/react lalu render <Icon icon="devicon:tailwindcss" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Tailwindcss ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/devicon/tailwindcss.svg" alt="Ikon Tailwindcss">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon Devicon →
ICONYZ
