ICONYZ
Bahasa Indonesia
Ikon Link dari Material Design Iconic Font

Ikon Link

zmdi:link

Ikon Link (zmdi:link) adalah ikon SVG gratis dari set Material Design Iconic Font karya MDI Community. Ikon ini digambar pada grid 432 × 384. Material Design Iconic Font 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
Material Design Iconic Font
Pembuat
MDI Community
Lisensi
OFL-1.1
Ukuran
432 × 384
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="432" height="384" viewBox="0 0 432 384"><path fill="currentColor" d="M41 192q0 27 19 46.5t47 19.5h85v41h-85q-44 0-75.5-31.5T0 192t31.5-75.5T107 85h85v41h-85q-28 0-47 19.5T41 192m87 21v-42h171v42zM320 85q44 0 75.5 31.5T427 192t-31.5 75.5T320 299h-85v-41h85q27 0 46.5-19.5T386 192t-19.5-46.5T320 126h-85V85z"/></svg>

Cara memakai ikon Link

React

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

<Icon icon="zmdi:link" width="24" />

Vue

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

<template>
  <Icon icon="zmdi:link" width="24" />
</template>

Svelte

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

<Icon icon="zmdi:link" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="zmdi:link"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/zmdi/link.svg" alt="Ikon Link" width="24" height="24">

Ikon terkait di Material Design Iconic Font

Ikon Link di set ikon lain

FAQ Ikon Link

Apakah ikon Link gratis untuk penggunaan komersial?

Ya. Material Design Iconic Font icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Link di React?

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

Bagaimana cara menambahkan ikon Link ke halaman web?

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

Lihat semua Ikon Material Design Iconic Font →