ICONYZ
Bahasa Indonesia
Ikon Element dari OpenMoji

Ikon Element

openmoji:element

Ikon Element (openmoji:element) 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
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><circle cx="36" cy="36" r="28" fill="#b1cc33"/><path fill="#fff" fill-rule="evenodd" d="M30.698 20.513c0-1.171.95-2.12 2.124-2.12c7.95 0 14.395 6.432 14.395 14.366c0 1.17-.95 2.12-2.124 2.12a2.12 2.12 0 0 1-2.123-2.12c0-5.593-4.544-10.127-10.148-10.127a2.12 2.12 0 0 1-2.124-2.12z" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M51.483 30.639c1.173 0 2.124.949 2.124 2.12c0 7.933-6.445 14.365-14.395 14.365a2.12 2.12 0 0 1-2.124-2.12c0-1.17.95-2.119 2.124-2.119c5.604 0 10.147-4.534 10.147-10.126c0-1.171.95-2.12 2.124-2.12" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M41.335 51.487c0 1.171-.95 2.12-2.124 2.12c-7.95 0-14.395-6.432-14.395-14.366c0-1.17.951-2.119 2.124-2.119s2.124.949 2.124 2.12c0 5.592 4.543 10.126 10.147 10.126c1.173 0 2.124.949 2.124 2.12z" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M20.517 41.36a2.12 2.12 0 0 1-2.124-2.118c0-7.934 6.445-14.366 14.395-14.366c1.173 0 2.124.949 2.124 2.12c0 1.17-.95 2.119-2.124 2.119c-5.604 0-10.147 4.534-10.147 10.127c0 1.17-.951 2.119-2.124 2.119z" clip-rule="evenodd"/><g fill="none" stroke="#000" stroke-width="2"><circle cx="36" cy="36" r="28"/><path stroke-linecap="round" d="M30.698 20.513c0-1.171.95-2.12 2.124-2.12c7.95 0 14.395 6.432 14.395 14.366c0 1.17-.95 2.12-2.124 2.12a2.12 2.12 0 0 1-2.123-2.12c0-5.593-4.544-10.127-10.148-10.127a2.12 2.12 0 0 1-2.124-2.12z"/><path stroke-linecap="round" d="M51.483 30.639c1.173 0 2.124.949 2.124 2.12c0 7.933-6.445 14.365-14.395 14.365a2.12 2.12 0 0 1-2.124-2.12c0-1.17.95-2.119 2.124-2.119c5.604 0 10.147-4.534 10.147-10.126c0-1.171.95-2.12 2.124-2.12z"/><path stroke-linecap="round" d="M41.335 51.487c0 1.171-.95 2.12-2.124 2.12c-7.95 0-14.395-6.432-14.395-14.366c0-1.17.951-2.119 2.124-2.119s2.124.949 2.124 2.12c0 5.592 4.543 10.126 10.147 10.126c1.173 0 2.124.949 2.124 2.12z"/><path stroke-linecap="round" d="M20.517 41.36a2.12 2.12 0 0 1-2.124-2.118c0-7.934 6.445-14.366 14.395-14.366c1.173 0 2.124.949 2.124 2.12c0 1.17-.95 2.119-2.124 2.119c-5.604 0-10.147 4.534-10.147 10.127c0 1.17-.951 2.119-2.124 2.119z"/></g></svg>

Cara memakai ikon Element

React

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

<Icon icon="openmoji:element" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:element" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:element" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="openmoji:element"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/openmoji/element.svg" alt="Ikon Element" width="24" height="24">

Ikon Element di set ikon lain

FAQ Ikon Element

Apakah ikon Element 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 Element di React?

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

Bagaimana cara menambahkan ikon Element ke halaman web?

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

Lihat semua Ikon OpenMoji →