ICONYZ
Bahasa Indonesia
Ikon Fence Rounded dari Material Symbols

Ikon Fence Rounded

material-symbols:fence-rounded

Ikon Fence Rounded (material-symbols:fence-rounded) adalah ikon SVG gratis dari set Material Symbols karya Google. Ikon ini digambar pada grid 24 × 24. Material Symbols icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
Material Symbols
Pembuat
Google
Lisensi
Apache-2.0
Ukuran
24 × 24
Kategori
Rumah tangga
Tag
backyard, barrier, boundaries, boundary, door, entrance, fence, flowers, garden, gate, grass, home, house, nature, nest, outdoor
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M6 20q-.425 0-.712-.288T5 19v-3H4q-.425 0-.712-.288T3 15t.288-.712T4 14h1v-2H4q-.425 0-.712-.288T3 11t.288-.712T4 10h1V7.425q0-.2.075-.387T5.3 6.7l2-2q.3-.3.7-.3t.7.3L10 6l1.3-1.3q.3-.3.713-.3t.712.3l1.3 1.3L15.3 4.7q.3-.3.713-.3t.712.3l2 2q.15.15.225.338t.075.387V10H20q.425 0 .713.288T21 11t-.288.713T20 12h-.975v2H20q.425 0 .713.288T21 15t-.288.713T20 16h-.975v3q0 .425-.288.713t-.712.287zm1-10h2V7.825l-1-1l-1 1zm4 0h2V7.825l-1-1l-1 1zm4.025 0H17V7.825l-1-1l-.975.975zM7 14h2v-2H7zm4 0h2v-2h-2zm4.025 0H17v-2h-1.975zM7 18h2v-2H7zm4 0h2v-2h-2zm4.025 0H17v-2h-1.975z"/></svg>

Cara memakai ikon Fence Rounded

React

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

<Icon icon="material-symbols:fence-rounded" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols:fence-rounded" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols:fence-rounded" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--fence-rounded]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols:fence-rounded"></div>

Web component

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

<iconify-icon icon="material-symbols:fence-rounded"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/material-symbols/fence-rounded.svg" alt="Ikon Fence Rounded" width="24" height="24">

Ikon terkait di Material Symbols

Ikon Fence Rounded di set ikon lain

FAQ Ikon Fence Rounded

Apakah ikon Fence Rounded gratis untuk penggunaan komersial?

Ya. Material Symbols icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Fence Rounded di React?

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

Bagaimana cara menambahkan ikon Fence Rounded ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/material-symbols/fence-rounded.svg" alt="Ikon Fence Rounded">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Material Symbols →