ICONYZ
Bahasa Indonesia
Ikon Front Camera dari Fluent UI MDL2

Ikon Front Camera

fluent-mdl2:front-camera

Ikon Front Camera (fluent-mdl2:front-camera) adalah ikon SVG gratis dari set Fluent UI MDL2 karya Microsoft Corporation. Ikon ini digambar pada grid 2048 × 2048. Fluent UI MDL2 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
Fluent UI MDL2
Pembuat
Microsoft Corporation
Lisensi
MIT
Ukuran
2048 × 2048
Tag
frontcamera
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M1258 1198q91 36 166 96t128 138t83 169t29 191h-128q0-106-40-199t-110-162t-163-110t-199-41t-199 40t-162 110t-110 163t-41 199H384q0-99 29-190t82-169t128-138t167-97q-71-54-110-133t-40-169q0-79 30-149t82-122t122-83t150-30q79 0 149 30t122 82t83 123t30 149q0 90-39 169t-111 133M768 896q0 53 20 99t55 82t81 55t100 20q53 0 99-20t82-55t55-81t20-100q0-53-20-99t-55-82t-81-55t-100-20q-53 0-99 20t-82 55t-55 81t-20 100m1280-640v1280h-267q-11-33-25-65t-31-63h195V384H128v1024h195q-17 31-31 63t-25 65H0V256z"/></svg>

Cara memakai ikon Front Camera

React

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

<Icon icon="fluent-mdl2:front-camera" width="24" />

Vue

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

<template>
  <Icon icon="fluent-mdl2:front-camera" width="24" />
</template>

Svelte

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

<Icon icon="fluent-mdl2:front-camera" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--front-camera]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:front-camera"></div>

Web component

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

<iconify-icon icon="fluent-mdl2:front-camera"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/fluent-mdl2/front-camera.svg" alt="Ikon Front Camera" width="24" height="24">

Ikon Front Camera di set ikon lain

FAQ Ikon Front Camera

Apakah ikon Front Camera gratis untuk penggunaan komersial?

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

Bagaimana cara memakai ikon Front Camera di React?

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

Bagaimana cara menambahkan ikon Front Camera ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/front-camera.svg" alt="Ikon Front Camera">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Fluent UI MDL2 →