Ikon Svg
openmoji:svg
Ikon Svg (openmoji:svg) adalah ikon SVG gratis dari set OpenMoji. Ikon ini digambar pada grid 72 × 72. OpenMoji icons dirilis di bawah lisensi CC BY-SA 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya dan membagikan perubahan ikon dengan lisensi yang sama. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- OpenMoji
- Pembuat
- OpenMoji
- Lisensi
- CC-BY-SA-4.0
- Ukuran
- 72 × 72
- Kategori
- Ekstra OpenMoji
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><defs><path id="SVGoKD6HdOR" d="M53.404 44.132a5.556 5.556 0 0 0-9.242 4.157v4.444a5.556 5.556 0 0 0 11.11 0V50.48h-4.444m-10.741-7.748L35.643 58.29L31.2 42.732m-4.81 3.101c-.455-1.772-2.423-3.102-4.781-3.102c-2.696 0-4.88 1.739-4.88 3.886c0 2.145 2.184 3.886 4.88 3.886l-.1.013c2.696 0 4.881 1.741 4.881 3.886c0 2.148-2.185 3.886-4.88 3.886c-2.36 0-4.327-1.332-4.782-3.104"/></defs><g stroke="#000"><g stroke-width="8" transform="translate(-134.7 18.68)scale(.8851)"><path stroke-linecap="round" stroke-linejoin="round" d="M192.9-2.429v22m15.6-15.556l-15.6 15.56m22-.005h-44m22 0L177.3 4.01"/><ellipse cx="192.9" cy="-3.328" rx=".87" ry=".899"/><ellipse cx="150.2" cy="-145.5" rx=".87" ry=".899" transform="rotate(45)"/><ellipse cx="19.57" cy="-170" rx=".87" ry=".899" transform="rotate(90)"/><ellipse cx="19.57" cy="-215.8" rx=".87" ry=".899" transform="rotate(90)"/><ellipse cx="-122.6" cy="-127.3" rx=".87" ry=".899" transform="rotate(135)"/></g><use href="#SVGoKD6HdOR" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" clip-rule="evenodd"/></g><g transform="translate(4.97 4.974)scale(.8621)"><g class="UnoptimicedTransforms" transform="translate(-134.7 -44.62)scale(.8851)"><path stroke="#000" stroke-linejoin="round" stroke-width="18" d="m192.9 69.08l-.04 22.01" class="UnoptimicedTransforms"/><path d="m170.9 82.08l-.002 9h44v-9z" color="#000"/><path d="M160.027 91.09c0-5.435 4.432-9.841 9.9-9.841s9.902 4.406 9.902 9.841zm45.753 0c0-5.435 4.432-9.841 9.9-9.841s9.902 4.406 9.902 9.841z" class="UnoptimicedTransforms"/><circle cx="176.7" cy="74.88" r="9.83"/><circle cx="209.1" cy="74.88" r="9.83"/><circle cx="192.9" cy="68.19" r="9.83"/><rect width="22.56" height="3.551" x="182.1" y="80.08" rx="3.482" ry="3.482"/></g><g fill="#f1b31c" stroke="#f1b31c" stroke-width="8" transform="translate(-134.7 18.68)scale(.8851)"><path stroke-linecap="round" stroke-linejoin="round" d="M192.9-2.429V41.57m15.6-37.555L177.3 35.13m37.6-15.56h-44m37.6 15.56L177.3 4.015"/><ellipse cx="192.9" cy="42.47" rx=".87" ry=".899"/><ellipse cx="192.9" cy="-3.328" rx=".87" ry=".899"/><ellipse cx="150.2" cy="-99.67" rx=".87" ry=".899" transform="rotate(45)"/><ellipse cx="150.2" cy="-145.5" rx=".87" ry=".899" transform="rotate(45)"/><ellipse cx="19.57" cy="-170" rx=".87" ry=".899" transform="rotate(90)"/><ellipse cx="19.57" cy="-215.8" rx=".87" ry=".899" transform="rotate(90)"/><ellipse cx="-122.6" cy="-127.3" rx=".87" ry=".899" transform="rotate(135)"/><ellipse cx="-122.6" cy="-173.1" rx=".87" ry=".899" transform="rotate(135)"/></g><ellipse cx="56.43" cy="35.93" fill="#f1b31c" rx="4.206" ry="4.238"/><ellipse cx="15.64" cy="35.93" fill="#f1b31c" rx="4.206" ry="4.238"/><rect width="58.1" height="29.02" x="6.95" y="36" rx="4.698" ry="5"/><rect width="56.94" height="12.72" x="7.524" y="35.99" stroke="#000" stroke-linecap="square" stroke-width="1.149" rx="0" ry="0"/><use href="#SVGoKD6HdOR" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" clip-rule="evenodd"/><ellipse cx="21.61" cy="21.56" fill="#f1b31c" rx="4.206" ry="4.238"/><ellipse cx="36.04" cy="15.42" fill="#f1b31c" rx="4.206" ry="4.238"/><ellipse cx="50.46" cy="21.56" fill="#f1b31c" rx="4.206" ry="4.238"/></g></svg>Cara memakai ikon Svg
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:svg" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:svg" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:svg" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--svg]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:svg"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:svg"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/openmoji/svg.svg" alt="Ikon Svg" width="24" height="24">Ikon Svg di set ikon lain
FAQ Ikon Svg
Apakah ikon Svg gratis untuk penggunaan komersial?
Ya. OpenMoji icons dirilis di bawah lisensi CC BY-SA 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya dan membagikan perubahan ikon dengan lisensi yang sama.
Bagaimana cara memakai ikon Svg di React?
Pasang @iconify/react lalu render <Icon icon="openmoji:svg" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Svg ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/openmoji/svg.svg" alt="Ikon Svg">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.