ICONYZ
Bahasa Indonesia
Ikon Gender Transgender Thin dari Phosphor

Ikon Gender Transgender Thin

ph:gender-transgender-thin

Ikon Gender Transgender Thin (ph:gender-transgender-thin) adalah ikon SVG gratis dari set Phosphor karya Phosphor Icons. Ikon ini digambar pada grid 256 × 256. Phosphor 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
Phosphor
Pembuat
Phosphor Icons
Lisensi
MIT
Ukuran
256 × 256
Tag
intersex, non binary, gendertransgender, transgenderthin, gendertransgenderthin
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M216 36h-48a4 4 0 0 0 0 8h38.34L168 82.35l-21.17-21.17a4 4 0 1 0-5.66 5.65L162.34 88l-21.17 21.18a68.16 68.16 0 1 0 5.65 5.66L168 93.67l21.17 21.17a4 4 0 1 0 5.66-5.66L173.66 88L212 49.66V88a4 4 0 0 0 8 0V40a4 4 0 0 0-4-4m-77.57 166.45A60 60 0 1 1 156 160a60.07 60.07 0 0 1-17.57 42.45"/></svg>

Cara memakai ikon Gender Transgender Thin

React

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

<Icon icon="ph:gender-transgender-thin" width="24" />

Vue

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

<template>
  <Icon icon="ph:gender-transgender-thin" width="24" />
</template>

Svelte

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

<Icon icon="ph:gender-transgender-thin" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--gender-transgender-thin]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:gender-transgender-thin"></div>

Web component

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

<iconify-icon icon="ph:gender-transgender-thin"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/ph/gender-transgender-thin.svg" alt="Ikon Gender Transgender Thin" width="24" height="24">

Ikon terkait di Phosphor

Ikon gender-female
gender-female
 Ikon gender-female-bold
gender-female-bold
 Ikon gender-female-duotone
gender-female-duotone
 Ikon gender-female-fill
gender-female-fill
 Ikon gender-female-light
gender-female-light
 Ikon gender-female-thin
gender-female-thin
 Ikon gender-intersex
gender-intersex
 Ikon gender-intersex-bold
gender-intersex-bold
 Ikon gender-intersex-duotone
gender-intersex-duotone
 Ikon gender-intersex-fill
gender-intersex-fill
 Ikon gender-intersex-light
gender-intersex-light
 Ikon gender-intersex-thin
gender-intersex-thin
 Ikon gender-male
gender-male
 Ikon gender-male-bold
gender-male-bold
 Ikon gender-male-duotone
gender-male-duotone
 Ikon gender-male-fill
gender-male-fill
 Ikon gender-male-light
gender-male-light
 Ikon gender-male-thin
gender-male-thin
 Ikon gender-neuter
gender-neuter
 Ikon gender-neuter-bold
gender-neuter-bold
 Ikon gender-neuter-duotone
gender-neuter-duotone
 Ikon gender-neuter-fill
gender-neuter-fill
 Ikon gender-neuter-light
gender-neuter-light
 Ikon gender-neuter-thin
gender-neuter-thin

FAQ Ikon Gender Transgender Thin

Apakah ikon Gender Transgender Thin gratis untuk penggunaan komersial?

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

Bagaimana cara memakai ikon Gender Transgender Thin di React?

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

Bagaimana cara menambahkan ikon Gender Transgender Thin ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/ph/gender-transgender-thin.svg" alt="Ikon Gender Transgender Thin">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Phosphor →