ICONYZ
Bahasa Indonesia
Ikon Zed dari selfh.st/icons

Ikon Zed

selfhst:zed

Ikon Zed (selfhst:zed) adalah ikon SVG gratis dari set selfh.st/icons karya selfh.st. Ikon ini digambar pada grid 512 × 512. selfh.st/icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
selfh.st/icons
Pembuat
selfh.st
Lisensi
CC-BY-4.0
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="#4173e7" fill-rule="evenodd" d="M48 32c-8.8 0-16 7.2-16 16v352H0V48C0 21.5 21.5 0 48 0h428.7c21.4 0 32.1 25.9 17 41l-264 264H304v-33h32v41c0 13.3-10.7 24-24 24H197.6l-55 55H392V192h32v200c0 17.7-14.3 32-32 32H110.6l-56 56H464c8.8 0 16-7.2 16-16V112h32v352c0 26.5-21.5 48-48 48H35.3c-21.4 0-32.1-25.9-17-41l263-263H208v32h-32v-40c0-13.3 10.7-24 24-24h113.4l56-56H120v200H88V120c0-17.7 14.3-32 32-32h281.4l56-56z"/></svg>

Cara memakai ikon Zed

React

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

<Icon icon="selfhst:zed" width="24" />

Vue

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

<template>
  <Icon icon="selfhst:zed" width="24" />
</template>

Svelte

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

<Icon icon="selfhst:zed" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="selfhst:zed"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/selfhst/zed.svg" alt="Ikon Zed" width="24" height="24">

Ikon terkait di selfh.st/icons

Ikon Zed di set ikon lain

FAQ Ikon Zed

Apakah ikon Zed gratis untuk penggunaan komersial?

Ya. selfh.st/icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya.

Bagaimana cara memakai ikon Zed di React?

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

Bagaimana cara menambahkan ikon Zed ke halaman web?

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

Lihat semua selfh.st/icons →