Ikon Portrait Mode
flat-color-icons:portrait-mode
Ikon Portrait Mode (flat-color-icons:portrait-mode) adalah ikon SVG gratis dari set Flat Color Icons karya Icons8. Ikon ini digambar pada grid 48 × 48. Flat Color 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
- Flat Color Icons
- Pembuat
- Icons8
- Lisensi
- MIT
- Ukuran
- 48 × 48
- Tag
- portraitmode
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#FF9800" d="M22 38c-4.8 0-5-7-5-7v-6h10v6s-.2 7-5 7"/><g fill="#FFA726"><circle cx="31" cy="19" r="2"/><circle cx="13" cy="19" r="2"/></g><path fill="#FFB74D" d="M31 13c0-7.6-18-5-18 0v7c0 5 4 9 9 9s9-4 9-9z"/><path fill="#424242" d="M22 4c-6.1 0-10 4.9-10 11v2.3l2 1.7v-5l12-4l4 4v5l2-1.7V15c0-4-1-8-6-9l-1-2z"/><g fill="#784719"><circle cx="26" cy="19" r="1"/><circle cx="18" cy="19" r="1"/></g><path fill="#009688" d="M27 31s-1.8 2-5 2s-5-2-5-2S6 33 6 44h32c0-11-11-13-11-13"/><g fill="#FF9800"><path d="m40.997 4.065l7 7l-7 6.999l-7-7z"/><path d="M36 6h10v10H36z"/></g><circle cx="41" cy="11" r="3" fill="#FFEB3B"/></svg>Cara memakai ikon Portrait Mode
React
import { Icon } from "@iconify/react";
<Icon icon="flat-color-icons:portrait-mode" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="flat-color-icons:portrait-mode" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="flat-color-icons:portrait-mode" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[flat-color-icons--portrait-mode]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/flat-color-icons -->
<div class="i-flat-color-icons:portrait-mode"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="flat-color-icons:portrait-mode"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/flat-color-icons/portrait-mode.svg" alt="Ikon Portrait Mode" width="24" height="24">Ikon Portrait Mode di set ikon lain
FAQ Ikon Portrait Mode
Apakah ikon Portrait Mode gratis untuk penggunaan komersial?
Ya. Flat Color Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Portrait Mode di React?
Pasang @iconify/react lalu render <Icon icon="flat-color-icons:portrait-mode" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Portrait Mode ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/flat-color-icons/portrait-mode.svg" alt="Ikon Portrait Mode">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.