Ikon Barefoot Outline
material-symbols:barefoot-outline
Ikon Barefoot Outline (material-symbols:barefoot-outline) 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
- Lisensi
- Apache-2.0
- Ukuran
- 24 × 24
- Kategori
- Sosial
- Tag
- barefootoutline, barefoot outline sharp, barefoot outline rounded
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M4.788 7.713Q4.5 7.425 4.5 7t.288-.712T5.5 6t.713.288T6.5 7t-.288.713T5.5 8t-.712-.288M10 22q-1.65 0-2.825-1.175T6 18v-6q0-2.5 1.75-4.25T12 6h1.825q1.725 0 2.95 1.163T18 10.025q0 1.15-.612 2.113T15.724 13.6q-.8.375-1.262 1.113T14 16.325V18q0 1.675-1.162 2.838T10 22M7.288 5.712Q7 5.425 7 5v-.5q0-.425.288-.712T8 3.5t.713.288T9 4.5V5q0 .425-.288.713T8 6t-.712-.288m4.124 13.7Q12 18.826 12 18v-1.675q0-1.45.763-2.675t2.087-1.85q.525-.25.838-.738T16 10q0-.875-.65-1.437T13.825 8H12q-1.65 0-2.825 1.175T8 12v6q0 .825.588 1.413T10 20t1.413-.587m-1.126-14.7Q10 4.425 10 4v-.5q0-.425.288-.712T11 2.5t.713.288T12 3.5V4q0 .425-.288.713T11 5t-.712-.288m3 0Q13 4.426 13 4V3q0-.425.288-.712T14 2t.713.288T15 3v1q0 .425-.288.713T14 5t-.712-.288m3.15.85Q16 5.126 16 4.5v-1q0-.625.438-1.062T17.5 2t1.063.438T19 3.5v1q0 .625-.437 1.063T17.5 6t-1.062-.437M10 12"/></svg>Cara memakai ikon Barefoot Outline
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols:barefoot-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols:barefoot-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols:barefoot-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--barefoot-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols:barefoot-outline"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols:barefoot-outline"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/material-symbols/barefoot-outline.svg" alt="Ikon Barefoot Outline" width="24" height="24">Ikon terkait di Material Symbols
Ikon Barefoot Outline di set ikon lain
FAQ Ikon Barefoot Outline
Apakah ikon Barefoot Outline 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 Barefoot Outline di React?
Pasang @iconify/react lalu render <Icon icon="material-symbols:barefoot-outline" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Barefoot Outline ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/material-symbols/barefoot-outline.svg" alt="Ikon Barefoot Outline">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.