Ikon Opennewwindow

whh:opennewwindow

Ikon Opennewwindow (whh:opennewwindow) adalah ikon SVG gratis dari set WebHostingHub Glyphs karya WebHostingHub. Ikon ini digambar pada grid 1024 × 1024. WebHostingHub Glyphs icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: WebHostingHub Glyphs
Pembuat: WebHostingHub
Lisensi: OFL-1.1
Ukuran: 1024 × 1024

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M896 768H384q-53 0-90.5-37.5T256 640V128q0-53 37.5-90.5T384 0h512q53 0 90.5 37.5T1024 128v512q0 53-37.5 90.5T896 768m0-576q0-27-18.5-45.5T832 128H448q-27 0-45.5 18.5t-18.5 45t18.5 45.5t45.5 19h232L401 535q-18 18-18 43.5t18 43.5t43.5 18t43.5-18l280-280v234q0 27 19 45.5t45.5 18.5t45-18.5T896 576zm-64 768.5q0 26.5-18.5 45T768 1024H128q-53 0-90.5-37.5T0 896V256q0-27 18.5-45.5t45-18.5t45.5 18.5t19 45.5v576q0 27 18.5 45.5T192 896h576q26 0 45 19t19 45.5"/></svg>

Cara memakai ikon Opennewwindow

React

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

<Icon icon="whh:opennewwindow" width="24" />

Vue

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

<template>
  <Icon icon="whh:opennewwindow" width="24" />
</template>

Svelte

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

<Icon icon="whh:opennewwindow" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="whh:opennewwindow"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/whh/opennewwindow.svg" alt="Ikon Opennewwindow" width="24" height="24">

FAQ Ikon Opennewwindow

Apakah ikon Opennewwindow gratis untuk penggunaan komersial?

Ya. WebHostingHub Glyphs icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Opennewwindow di React?

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

Bagaimana cara menambahkan ikon Opennewwindow ke halaman web?

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

Lihat semua Ikon WebHostingHub Glyphs →