ICONYZ
Bahasa Indonesia
Ikon Tailwindcss Wordmark dari Devicon Plain

Ikon Tailwindcss Wordmark

devicon-plain:tailwindcss-wordmark

Ikon Tailwindcss Wordmark (devicon-plain:tailwindcss-wordmark) adalah ikon SVG gratis dari set Devicon Plain karya konpa. Ikon ini digambar pada grid 128 × 128. Devicon Plain 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 Plain
Pembuat
konpa
Lisensi
MIT
Ukuran
128 × 128
Tag
tailwindcsswordmark
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="currentColor" d="M13.227 56.074c-3.528 0-5.727 1.778-6.602 5.3C7.95 59.603 9.5 58.95 11.25 59.399c1 .25 1.728.977 2.524 1.801c1.3 1.324 2.8 2.852 6.078 2.852c3.523 0 5.723-1.778 6.598-5.301c-1.324 1.773-2.875 2.425-4.625 1.976c-1-.25-1.723-.976-2.524-1.8c-1.3-1.324-2.801-2.852-6.074-2.852zm43.922.477v13.574h2V56.55h-2zm-3.324.324c-.7 0-1.274.574-1.274 1.273c0 .676.575 1.277 1.274 1.277s1.3-.6 1.277-1.277c0-.699-.577-1.273-1.277-1.273m23 0c-.7 0-1.274.574-1.274 1.273c0 .677.575 1.277 1.274 1.277c.727 0 1.3-.6 1.277-1.277c0-.699-.577-1.273-1.277-1.273m21.352.226v5.024c-.7-.977-1.801-1.574-3.25-1.574c-2.528 0-4.625 2.125-4.625 4.898c0 2.75 2.097 4.902 4.625 4.902c1.449 0 2.55-.6 3.25-1.578v1.352h2V57.102zm-60.824.625l-2 .598v2.5H33.65v1.926h1.703v4.476c0 2.421 1.224 3.274 4.324 2.899v-1.801c-1.527.074-2.3.101-2.3-1.098V62.75h2.273v-1.926h-2.297zm7.875 2.825c-2.528 0-4.625 2.125-4.625 4.898c0 2.75 2.098 4.902 4.625 4.902c1.45 0 2.547-.6 3.25-1.578v1.352h2v-9.301h-2v1.3c-.704-.976-1.801-1.573-3.25-1.573m39.824.023c-1.25 0-2.25.477-2.875 1.477v-1.2h-2v9.297h2v-5c0-1.898 1.05-2.672 2.375-2.672c1.25 0 2.074.723 2.074 2.149v5.5h2v-5.727c0-2.398-1.5-3.824-3.574-3.824m21.848 0c-2.824 0-4.922 2.124-4.922 4.902c0 2.75 2.126 4.899 4.922 4.899c1.829 0 3.426-.95 4.176-2.426l-1.723-.973c-.454.847-1.352 1.422-2.477 1.422c-1.625 0-2.875-1.25-2.875-2.922c0-1.676 1.227-2.926 2.875-2.926c1.125 0 2.051.551 2.45 1.426l1.726-1c-.75-1.453-2.323-2.402-4.152-2.402m8.875.027c-1.898 0-3.399 1.098-3.399 2.848c0 3.323 5 2.403 5 4.05c0 .75-.676 1.052-1.574 1.052c-1.028 0-1.778-.5-2.074-1.352l-1.727 1c.601 1.324 1.95 2.176 3.801 2.176c2 0 3.625-1.023 3.625-2.875c0-3.45-5-2.425-5-4.125c0-.65.626-.977 1.348-.95c.778 0 1.426.324 1.75 1.051l1.703-.953c-.653-1.222-1.925-1.922-3.453-1.922m8.578 0c-1.903 0-3.402 1.098-3.402 2.848c0 3.323 5 2.403 5 4.05c0 .75-.677 1.052-1.575 1.052c-1.024 0-1.774-.5-2.074-1.352l-1.726 1c.6 1.324 1.948 2.176 3.8 2.176c2 0 3.625-1.023 3.625-2.875c0-3.45-5-2.425-5-4.125c0-.65.626-.977 1.352-.95c.774 0 1.422.324 1.75 1.051l1.7-.953c-.654-1.222-1.927-1.922-3.45-1.922m-71.527.223v9.3h2v-9.3zm7.852 0l2.925 9.3h1.973l1.95-6.273l1.925 6.274h1.977l2.925-9.301h-2.125l-1.83 6.426l-1.92-6.426h-1.925L64.6 67.25l-1.798-6.426h-2.125zm15.148 0v9.3h2v-9.3zM45.525 62.5c1.676 0 2.953 1.25 2.953 2.976c0 1.722-1.277 2.973-2.953 2.973c-1.672 0-2.922-1.25-2.95-2.973c0-1.727 1.279-2.976 2.95-2.976m49.703 0c1.672 0 2.949 1.25 2.949 2.976c0 1.722-1.277 2.973-2.95 2.973c-1.675 0-2.953-1.25-2.953-2.973c0-1.727 1.278-2.976 2.953-2.976zM6.603 64C3.075 64 .876 65.774 0 69.3c1.324-1.776 2.875-2.425 4.625-1.976c1 .25 1.727.977 2.523 1.8c1.301 1.325 2.8 2.852 6.078 2.852c3.523 0 5.723-1.777 6.598-5.3c-1.324 1.773-2.875 2.426-4.625 1.972c-1-.25-1.722-.973-2.523-1.797C11.399 65.522 9.899 64 6.603 64"/></svg>

Cara memakai ikon Tailwindcss Wordmark

React

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

<Icon icon="devicon-plain:tailwindcss-wordmark" width="24" />

Vue

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

<template>
  <Icon icon="devicon-plain:tailwindcss-wordmark" width="24" />
</template>

Svelte

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

<Icon icon="devicon-plain:tailwindcss-wordmark" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="devicon-plain:tailwindcss-wordmark"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/devicon-plain/tailwindcss-wordmark.svg" alt="Ikon Tailwindcss Wordmark" width="24" height="24">

Ikon Tailwindcss Wordmark di set ikon lain

Ikon Tailwindcss Wordmark dari Devicon
Devicon

FAQ Ikon Tailwindcss Wordmark

Apakah ikon Tailwindcss Wordmark gratis untuk penggunaan komersial?

Ya. Devicon Plain icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Tailwindcss Wordmark di React?

Pasang @iconify/react lalu render <Icon icon="devicon-plain:tailwindcss-wordmark" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Tailwindcss Wordmark ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/devicon-plain/tailwindcss-wordmark.svg" alt="Ikon Tailwindcss Wordmark">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Devicon Plain →