ICONYZ
Bahasa Indonesia
Ikon Record dari Foundation

Ikon Record

foundation:record

Ikon Record (foundation:record) adalah ikon SVG gratis dari set Foundation karya Zurb. Ikon ini digambar pada grid 100 × 100. Foundation 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
Foundation
Pembuat
Zurb
Lisensi
MIT
Ukuran
100 × 100
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="currentColor" d="M50 12.908c-20.485 0-37.092 16.606-37.092 37.092S29.514 87.092 50 87.092S87.092 70.486 87.092 50S70.485 12.908 50 12.908m0 49.283c-6.733 0-12.191-5.458-12.191-12.191S43.267 37.809 50 37.809S62.191 43.267 62.191 50S56.733 62.191 50 62.191"/></svg>

Cara memakai ikon Record

React

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

<Icon icon="foundation:record" width="24" />

Vue

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

<template>
  <Icon icon="foundation:record" width="24" />
</template>

Svelte

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

<Icon icon="foundation:record" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="foundation:record"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/foundation/record.svg" alt="Ikon Record" width="24" height="24">

Ikon Record di set ikon lain

FAQ Ikon Record

Apakah ikon Record gratis untuk penggunaan komersial?

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

Bagaimana cara memakai ikon Record di React?

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

Bagaimana cara menambahkan ikon Record ke halaman web?

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

Lihat semua Ikon Foundation →