ICONYZ
Bahasa Indonesia
Ikon Sign Out Duotone dari Phosphor

Ikon Sign Out Duotone

ph:sign-out-duotone

Ikon Sign Out Duotone (ph:sign-out-duotone) 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
updated, signout, logout, log out, exit, outduotone, signoutduotone
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><g fill="currentColor"><path d="M224 56v144a16 16 0 0 1-16 16H48V40h160a16 16 0 0 1 16 16" opacity=".2"/><path d="M120 216a8 8 0 0 1-8 8H48a8 8 0 0 1-8-8V40a8 8 0 0 1 8-8h64a8 8 0 0 1 0 16H56v160h56a8 8 0 0 1 8 8m109.66-93.66l-40-40a8 8 0 0 0-11.32 11.32L204.69 120H112a8 8 0 0 0 0 16h92.69l-26.35 26.34a8 8 0 0 0 11.32 11.32l40-40a8 8 0 0 0 0-11.32"/></g></svg>

Cara memakai ikon Sign Out Duotone

React

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

<Icon icon="ph:sign-out-duotone" width="24" />

Vue

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

<template>
  <Icon icon="ph:sign-out-duotone" width="24" />
</template>

Svelte

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

<Icon icon="ph:sign-out-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--sign-out-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:sign-out-duotone"></div>

Web component

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

<iconify-icon icon="ph:sign-out-duotone"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/ph/sign-out-duotone.svg" alt="Ikon Sign Out Duotone" width="24" height="24">

Ikon terkait di Phosphor

Ikon sign-in
sign-in
 Ikon sign-in-bold
sign-in-bold
 Ikon sign-in-duotone
sign-in-duotone
 Ikon sign-in-fill
sign-in-fill
 Ikon sign-in-light
sign-in-light
 Ikon sign-in-thin
sign-in-thin
 Ikon sign-out
sign-out
 Ikon sign-out-bold
sign-out-bold
 Ikon sign-out-fill
sign-out-fill
 Ikon sign-out-light
sign-out-light
 Ikon sign-out-thin
sign-out-thin
 Ikon signature
signature
 Ikon signature-bold
signature-bold
 Ikon signature-duotone
signature-duotone
 Ikon signature-fill
signature-fill
 Ikon signature-light
signature-light
 Ikon signature-thin
signature-thin
 Ikon signpost
signpost
 Ikon signpost-bold
signpost-bold
 Ikon signpost-duotone
signpost-duotone
 Ikon signpost-fill
signpost-fill
 Ikon signpost-light
signpost-light
 Ikon signpost-thin
signpost-thin

Ikon Sign Out Duotone di set ikon lain

Ikon Sign Out Duotone dari Sargam Icons
Sargam Icons

FAQ Ikon Sign Out Duotone

Apakah ikon Sign Out Duotone gratis untuk penggunaan komersial?

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

Bagaimana cara memakai ikon Sign Out Duotone di React?

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

Bagaimana cara menambahkan ikon Sign Out Duotone ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/ph/sign-out-duotone.svg" alt="Ikon Sign Out Duotone">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Phosphor →