Ikon Living
material-symbols:living
Ikon Living (material-symbols:living) 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
- Rumah tangga
- Tag
- chair, comfort, couch, decoration, furniture, home, house, lounging, loveseat, room, seat, seating, sofa, search, living 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 22q-.825 0-1.412-.587T2 20V4q0-.825.588-1.412T4 2h16q.825 0 1.413.588T22 4v16q0 .825-.587 1.413T20 22zm3-4h10q.825 0 1.413-.587T19 16v-3.5q0-.675-.337-1.237t-.913-.913V9q0-1.25-.875-2.125T14.75 6h-5.5Q8 6 7.125 6.875T6.25 9v1.35q-.575.35-.913.913T5 12.5V16q0 .825.588 1.413T7 18m0-1.5q-.225 0-.363-.137T6.5 16v-3.5q0-.425.288-.712T7.5 11.5t.713.288t.287.712v2h7v-2q0-.425.288-.712t.712-.288t.713.288t.287.712V16q0 .225-.137.363T17 16.5zm3-3.5v-.5q0-.975-.65-1.675t-1.6-.775V9q0-.65.425-1.075T9.25 7.5h5.5q.65 0 1.075.425T16.25 9v1.05q-.95.075-1.6.775T14 12.5v.5z"/></svg>Cara memakai ikon Living
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols:living" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols:living" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols:living" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--living]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols:living"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols:living"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/material-symbols/living.svg" alt="Ikon Living" width="24" height="24">Ikon terkait di Material Symbols
Ikon Living di set ikon lain
FAQ Ikon Living
Apakah ikon Living 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 Living di React?
Pasang @iconify/react lalu render <Icon icon="material-symbols:living" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Living ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/material-symbols/living.svg" alt="Ikon Living">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.