Ikon Ladybeetle
fxemoji:ladybeetle
Ikon Ladybeetle (fxemoji:ladybeetle) adalah ikon SVG gratis dari set Firefox OS Emoji karya Mozilla. Ikon ini digambar pada grid 512 × 512. 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
- 512 × 512
- Kategori
- Alam
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#2C3C47" d="M489.807 302.675h-58.664c.285-4.293.441-8.624.441-12.993c0-24.538-4.587-47.952-12.892-69.369c16.763-20.689 26.823-47.02 26.823-75.661c0-8.943-7.25-16.193-16.193-16.193s-16.193 7.25-16.193 16.193c0 15.499-4.033 30.072-11.097 42.733c-19.388-30.413-47.173-54.449-79.888-68.488a70.3 70.3 0 0 0 3.555-22.088c0-29.727-18.437-55.135-44.487-65.46l5.963-19.167c1.106-3.551-.538-7.474-3.992-9.118a7.603 7.603 0 0 0-10.127 3.6l-9.609 20.223a71 71 0 0 0-8.145-.484c-2.76 0-5.478.176-8.155.485l-9.608-20.224c-1.595-3.366-5.46-5.136-9.119-3.992a7.586 7.586 0 0 0-5 9.511l5.963 19.167c-26.053 10.326-44.488 35.732-44.488 65.459a70.3 70.3 0 0 0 3.572 22.136c-31.569 13.574-58.539 36.463-77.794 65.405c-6.057-11.933-9.475-25.421-9.475-39.693c0-8.943-7.25-16.193-16.193-16.193s-16.193 7.25-16.193 16.193c0 27.249 9.106 52.408 24.427 72.607c-9.072 22.235-14.099 46.711-14.099 72.418c0 3.664.114 7.299.315 10.91h-57.26C13.25 300.592 6 307.841 6 316.784s7.25 16.193 16.193 16.193h51.835c5.361 23.339 24.951 44.952 37.886 63.895C84.249 418.948 66.487 452.937 66.487 491c0 8.943 7.25 16.193 16.193 16.193s16.193-7.25 16.193-16.193c0-27.997 13.143-52.981 33.583-69.109c31.747 32.36 75.099 52.301 122.905 52.301c38.744 0 74.56-13.102 103.649-35.291a42.07 42.07 0 0 0 26.513-9.566c15.626 15.891 25.282 37.669 25.282 61.663c0 8.943 7.25 16.193 16.193 16.193s16.193-7.25 16.193-16.193c0-36.606-16.428-69.443-42.293-91.541c.061-.93.103-1.864.103-2.809c0-.978-.045-1.945-.111-2.906c11.507-17.608 20.176-37.408 25.315-58.682h63.601c8.943 0 16.193-7.25 16.193-16.193s-7.249-16.192-16.192-16.192"/><path fill="#EF4B44" d="M289.575 127.608c-14.412-2.035-27.239 9.324-27.239 23.873v334.08c0 14.55 12.827 25.909 27.239 23.874c93.595-13.229 165.587-93.664 165.587-190.908c0-97.255-71.992-177.69-165.587-190.919m55.556 49.375c23.746 0 43.001 19.255 43.001 43s-19.255 43.002-43.001 43.002s-43.001-19.255-43.001-43.002c0-23.745 19.255-43 43.001-43m-52.879 132.381c0-10.38 8.414-18.805 18.795-18.805c10.391 0 18.805 8.425 18.805 18.805c0 10.381-8.414 18.806-18.805 18.806c-10.381 0-18.795-8.425-18.795-18.806m66.492 129.543c-23.335 0-42.248-18.923-42.248-42.259c0-23.334 18.913-42.258 42.248-42.258s42.258 18.923 42.258 42.258s-18.923 42.259-42.258 42.259M222.425 127.61C128.83 140.839 56.838 221.274 56.838 318.518c0 97.255 71.992 177.69 165.587 190.919c14.412 2.035 27.239-9.324 27.239-23.874V151.484c0-14.559-12.827-25.909-27.239-23.874m-91.334 242.978c-29.715 0-53.793-24.088-53.793-53.803s24.079-53.802 53.793-53.802s53.803 24.088 53.803 53.802c0 29.715-24.088 53.803-53.803 53.803m58.099 87.121c-10.381 0-18.795-8.425-18.795-18.806s8.414-18.805 18.795-18.805c10.391 0 18.805 8.425 18.805 18.805c.001 10.381-8.414 18.806-18.805 18.806m-2.313-231.429c-16.31 0-29.529-13.218-29.529-29.529c0-16.31 13.218-29.528 29.529-29.528c16.31 0 29.529 13.218 29.529 29.528c0 16.311-13.219 29.529-29.529 29.529"/><path fill="#E7ECEF" d="M315.22 89.979c-8.64 0-15.645-7.006-15.645-15.635v-.058h-.068V52.299h.196a15.7 15.7 0 0 1 3.205-8.228c11.981 10.597 20.33 25.202 22.928 41.725c-2.791 2.587-6.514 4.183-10.616 4.183m-130.452-4.235c2.797 2.618 6.546 4.234 10.68 4.234c8.63 0 15.635-7.006 15.635-15.635c0-.019-.039-.03-.039-.058h.039V52.299h-.156a15.7 15.7 0 0 0-3.218-8.252c-11.981 10.588-20.333 25.184-22.941 41.697"/></svg>Cara memakai ikon Ladybeetle
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:ladybeetle" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:ladybeetle" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:ladybeetle" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--ladybeetle]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:ladybeetle"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:ladybeetle"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/fxemoji/ladybeetle.svg" alt="Ikon Ladybeetle" width="24" height="24">FAQ Ikon Ladybeetle
Apakah ikon Ladybeetle 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 Ladybeetle di React?
Pasang @iconify/react lalu render <Icon icon="fxemoji:ladybeetle" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Ladybeetle ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fxemoji/ladybeetle.svg" alt="Ikon Ladybeetle">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.