Ikon Tailwind

file-icons:tailwind

Ikon Tailwind (file-icons:tailwind) adalah ikon SVG gratis dari set File Icons karya John Gardner. Ikon ini digambar pada grid 512 × 512. File Icons dirilis di bawah lisensi ISC, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: File Icons
Pembuat: John Gardner
Lisensi: ISC
Ukuran: 512 × 512

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M128 204.667C145.062 136.227 187.738 102 256 102c102.4 0 115.2 77 166.4 89.833c34.138 8.56 64-4.273 89.6-38.5C494.938 221.773 452.262 256 384 256c-102.4 0-115.2-77-166.4-89.833c-34.138-8.56-64 4.273-89.6 38.5m-128 154C17.062 290.227 59.738 256 128 256c102.4 0 115.2 77 166.4 89.833c34.138 8.56 64-4.273 89.6-38.5C366.938 375.773 324.262 410 256 410c-102.4 0-115.2-77-166.4-89.833c-34.138-8.56-64 4.273-89.6 38.5"/></svg>

Cara memakai ikon Tailwind

React

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

<Icon icon="file-icons:tailwind" width="24" />

Vue

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

<template>
  <Icon icon="file-icons:tailwind" width="24" />
</template>

Svelte

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

<Icon icon="file-icons:tailwind" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="file-icons:tailwind"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/file-icons/tailwind.svg" alt="Ikon Tailwind" width="24" height="24">

Ikon Tailwind di set ikon lain

FAQ Ikon Tailwind

Apakah ikon Tailwind gratis untuk penggunaan komersial?

Ya. File Icons dirilis di bawah lisensi ISC, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Tailwind di React?

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

Bagaimana cara menambahkan ikon Tailwind ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/file-icons/tailwind.svg" alt="Ikon Tailwind">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua File Icons →