Ikon Princess

fxemoji:princess

Ikon Princess (fxemoji:princess) adalah ikon SVG gratis dari set Firefox OS Emoji karya Mozilla. Ikon ini digambar pada grid 72 × 72. Firefox OS Emoji 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: Firefox OS Emoji
Pembuat: Mozilla
Lisensi: Apache-2.0
Ukuran: 72 × 72
Kategori: Orang

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#FFD3B6" d="M58 41.6h-.7l.7-11c0-12.3-10.6-18.7-23-18.7c-12.3 0-21.6 6.4-21.6 18.7l.7 11.1c-.2 0-.5-.1-.7-.1c-2.8 0-5.1 2.3-5.1 5.1s2.3 5.1 5.1 5.1c.5 0 1-.1 1.4-.2C15.1 63 24.3 72 35.7 72c11.3 0 20.5-9 20.9-20.2H58c2.8 0 5.1-2.3 5.1-5.1s-2.3-5.1-5.1-5.1"/><path fill="#E5AB83" d="M35.7 54.7c-1.6 0-3-.8-3.8-2.1c-.3-.4-.1-1 .3-1.3s1-.1 1.3.3c.5.8 1.3 1.2 2.3 1.2c.9 0 1.8-.5 2.3-1.2c.3-.4.8-.6 1.3-.3c.4.3.6.8.3 1.3c-1 1.3-2.4 2.1-4 2.1"/><path fill="#2B3B47" d="M24.3 41.6c-.1-1.2-1.1-2.1-2.3-2.1s-2.2.9-2.3 2.1v3.3c0 1.3 1 2.3 2.3 2.3s2.3-1 2.3-2.3z"/><path fill="#959DA3" d="M21.7 41.5c0-.3-.3-.5-.6-.5s-.5.2-.6.5v.8c0 .3.3.6.6.6s.6-.3.6-.6z"/><path fill="#2B3B47" d="M51.6 41.6c-.1-1.2-1.1-2.1-2.3-2.1s-2.2.9-2.3 2.1v3.3c0 1.3 1 2.3 2.3 2.3s2.3-1 2.3-2.3z"/><path fill="#959DA3" d="M49 41.5c0-.3-.3-.5-.6-.5s-.5.2-.6.5v.8c0 .3.3.6.6.6s.6-.3.6-.6z"/><path fill="#EDC0A2" d="M33.8 69.9c-4.8 0-9.2-1.5-12.9-3.9c3.8 3.8 9 6.1 14.8 6.1c11.5 0 20.9-9.4 20.9-20.9l.1-1.1c-1.6 11.2-11.2 19.8-22.9 19.8"/><path fill="#FF7DDA" d="M41.5 60.4c-1.4-.5-2.8-1.3-4.2-1.4c-.9-.1-1.5.6-1.7.6s-1-.6-1.9-.6c-1.4 0-2.5.7-3.9 1.4c-1.3.6-2.4.6-2.4.6s2.7 4.1 8.3 4.2c5.7 0 8.3-4.2 8.3-4.2s-1-.1-2.5-.6"/><path fill="#E5AB83" d="M46 35.6s.1-.1.3-.1c.1 0 .2-.1.4-.2s.3-.1.5-.2c.7-.3 1.7-.4 2.7-.3s1.9.6 2.4 1.1c.1.1.2.3.3.4s.2.2.2.3c.1.2.2.3.2.3c.1.2.1.5-.1.7c-.2.1-.5.1-.6-.1v-.1l-.2-.2l-.2-.2c-.1-.1-.2-.2-.3-.2c-.4-.3-1.1-.6-1.8-.6s-1.4.2-1.9.4c-.1.1-.2.1-.3.2s-.1.1-.2.1c-.3.1-.4.2-.4.2c-.4.3-1 .2-1.3-.2s-.2-1 .3-1.3q-.15 0 0 0m-21.6 1.5l-.2-.2c-.1-.1-.1-.1-.2-.1c-.1-.1-.2-.1-.3-.2c-.5-.2-1.2-.4-1.9-.4s-1.4.3-1.8.6c-.1.1-.2.2-.3.2l-.2.2l-.2.2v.1c-.2.2-.5.2-.7.1c-.2-.2-.2-.4-.1-.6c0 0 .1-.1.2-.3c.1-.1.1-.2.2-.3s.2-.3.3-.4c.5-.5 1.5-1 2.4-1.1c1-.1 2 0 2.7.3c.2.1.3.1.5.2c.1.1.3.1.4.2c.2.1.3.1.3.1c.4.3.6.8.3 1.3c-.3.3-.8.4-1.4.1q.15 0 0 0"/><path fill="#FFB636" d="M62.5 30.8c0 5-.2 9.3-.4 13c-.9-1.3-2.4-2.1-4.1-2.1h-.7l.4-6.1l-22.2-16l-21.8 15.5l.4 6.6c-.2 0-.5-.1-.7-.1c-2.1 0-3.9 1.2-4.7 3c-.3-3.9-.5-8.5-.5-13.9c0-.6.1-1.1.1-1.5c.2-6.9 6.6-17 15-21.2c1.3-.6 6.6-2.2 7.9-2.4s2.7-.3 4.1-.3s2.8.1 4.1.3S46 7.4 47.3 8c8.4 4.2 14.7 14.3 15 21.2c.2.4.2.9.2 1.6m-5.9 21.1c-.2 5.3-2.4 10.2-5.9 13.8h6.7s2.6-3 4.1-15.2c-.9.9-2.2 1.4-3.5 1.4zm-43.2 0c-1.7 0-3.3-.9-4.2-2.2c1.5 12.8 4.2 16 4.2 16h7.3c-3.5-3.6-5.7-8.6-5.9-14c-.4.1-.9.2-1.4.2"/><path fill="#C4C43B" d="m48.3 7.4l2.4-4.7S41.5 10 35.5.1v5.4V0c-5.2 10.5-15.2 2.6-15.2 2.6l2.4 4.7c-.2.2-.4.4-.4.6c0 1.4 5.9 2.6 13.2 2.6s13.2-1.1 13.2-2.6c0-.1-.2-.3-.4-.5"/><path fill="#DEE254" d="M50.5 2.5c-1.5 1.9-4.3 6-7.6 6c-3.2 0-6-4-7.5-5.9c-1.4 1.9-4.2 6-7.4 6c-3.3 0-6.1-4.1-7.6-6h-.2l3.7 11c0 2 5.1 3.5 11.5 3.5s11.5-1.6 11.5-3.5l3.7-11h-.1z"/></svg>

Cara memakai ikon Princess

React

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

<Icon icon="fxemoji:princess" width="24" />

Vue

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

<template>
  <Icon icon="fxemoji:princess" width="24" />
</template>

Svelte

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

<Icon icon="fxemoji:princess" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--princess]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:princess"></div>

Web component

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

<iconify-icon icon="fxemoji:princess"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/fxemoji/princess.svg" alt="Ikon Princess" width="24" height="24">

Ikon Princess di set ikon lain

FAQ Ikon Princess

Apakah ikon Princess gratis untuk penggunaan komersial?

Ya. Firefox OS Emoji icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Princess di React?

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

Bagaimana cara menambahkan ikon Princess ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fxemoji/princess.svg" alt="Ikon Princess">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Firefox OS Emoji →