element emoji
element from OpenMoji by OpenMoji · Default · Extras Openmoji · CC-BY-SA-4.0 Attribution required.
- Name
- element
- Set
- OpenMoji
- Style
- Default
- Category
- Extras Openmoji
- Viewbox
- 72×72
- License
- CC BY-SA 4.0
The same emoji in other sets
More extras openmoji icons from OpenMoji
Use the element emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
React
import type { SVGProps } from "react";
export function OpenmojiElement(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><circle cx="36" cy="36" r="28" fill="#b1cc33"/><path fill="#fff" fillRule="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" clipRule="evenodd"/><path fill="#fff" fillRule="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" clipRule="evenodd"/><path fill="#fff" fillRule="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" clipRule="evenodd"/><path fill="#fff" fillRule="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" clipRule="evenodd"/><g fill="none" stroke="#000" strokeWidth="2"><circle cx="36" cy="36" r="28"/><path strokeLinecap="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 strokeLinecap="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 strokeLinecap="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 strokeLinecap="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>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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> </template>
CSS
.icon-element {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2072%2072%22%3E%3Ccircle%20cx%3D%2236%22%20cy%3D%2236%22%20r%3D%2228%22%20fill%3D%22%23b1cc33%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M30.698%2020.513c0-1.171.95-2.12%202.124-2.12c7.95%200%2014.395%206.432%2014.395%2014.366c0%201.17-.95%202.12-2.124%202.12a2.12%202.12%200%200%201-2.123-2.12c0-5.593-4.544-10.127-10.148-10.127a2.12%202.12%200%200%201-2.124-2.12z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M51.483%2030.639c1.173%200%202.124.949%202.124%202.12c0%207.933-6.445%2014.365-14.395%2014.365a2.12%202.12%200%200%201-2.124-2.12c0-1.17.95-2.119%202.124-2.119c5.604%200%2010.147-4.534%2010.147-10.126c0-1.171.95-2.12%202.124-2.12%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M41.335%2051.487c0%201.171-.95%202.12-2.124%202.12c-7.95%200-14.395-6.432-14.395-14.366c0-1.17.951-2.119%202.124-2.119s2.124.949%202.124%202.12c0%205.592%204.543%2010.126%2010.147%2010.126c1.173%200%202.124.949%202.124%202.12z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M20.517%2041.36a2.12%202.12%200%200%201-2.124-2.118c0-7.934%206.445-14.366%2014.395-14.366c1.173%200%202.124.949%202.124%202.12c0%201.17-.95%202.119-2.124%202.119c-5.604%200-10.147%204.534-10.147%2010.127c0%201.17-.951%202.119-2.124%202.119z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%3E%3Ccircle%20cx%3D%2236%22%20cy%3D%2236%22%20r%3D%2228%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M30.698%2020.513c0-1.171.95-2.12%202.124-2.12c7.95%200%2014.395%206.432%2014.395%2014.366c0%201.17-.95%202.12-2.124%202.12a2.12%202.12%200%200%201-2.123-2.12c0-5.593-4.544-10.127-10.148-10.127a2.12%202.12%200%200%201-2.124-2.12z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M51.483%2030.639c1.173%200%202.124.949%202.124%202.12c0%207.933-6.445%2014.365-14.395%2014.365a2.12%202.12%200%200%201-2.124-2.12c0-1.17.95-2.119%202.124-2.119c5.604%200%2010.147-4.534%2010.147-10.126c0-1.171.95-2.12%202.124-2.12z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M41.335%2051.487c0%201.171-.95%202.12-2.124%202.12c-7.95%200-14.395-6.432-14.395-14.366c0-1.17.951-2.119%202.124-2.119s2.124.949%202.124%202.12c0%205.592%204.543%2010.126%2010.147%2010.126c1.173%200%202.124.949%202.124%202.12z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M20.517%2041.36a2.12%202.12%200%200%201-2.124-2.118c0-7.934%206.445-14.366%2014.395-14.366c1.173%200%202.124.949%202.124%202.12c0%201.17-.95%202.119-2.124%202.119c-5.604%200-10.147%204.534-10.147%2010.127c0%201.17-.951%202.119-2.124%202.119z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2072%2072%22%3E%3Ccircle%20cx%3D%2236%22%20cy%3D%2236%22%20r%3D%2228%22%20fill%3D%22%23b1cc33%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M30.698%2020.513c0-1.171.95-2.12%202.124-2.12c7.95%200%2014.395%206.432%2014.395%2014.366c0%201.17-.95%202.12-2.124%202.12a2.12%202.12%200%200%201-2.123-2.12c0-5.593-4.544-10.127-10.148-10.127a2.12%202.12%200%200%201-2.124-2.12z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M51.483%2030.639c1.173%200%202.124.949%202.124%202.12c0%207.933-6.445%2014.365-14.395%2014.365a2.12%202.12%200%200%201-2.124-2.12c0-1.17.95-2.119%202.124-2.119c5.604%200%2010.147-4.534%2010.147-10.126c0-1.171.95-2.12%202.124-2.12%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M41.335%2051.487c0%201.171-.95%202.12-2.124%202.12c-7.95%200-14.395-6.432-14.395-14.366c0-1.17.951-2.119%202.124-2.119s2.124.949%202.124%202.12c0%205.592%204.543%2010.126%2010.147%2010.126c1.173%200%202.124.949%202.124%202.12z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M20.517%2041.36a2.12%202.12%200%200%201-2.124-2.118c0-7.934%206.445-14.366%2014.395-14.366c1.173%200%202.124.949%202.124%202.12c0%201.17-.95%202.119-2.124%202.119c-5.604%200-10.147%204.534-10.147%2010.127c0%201.17-.951%202.119-2.124%202.119z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%3E%3Ccircle%20cx%3D%2236%22%20cy%3D%2236%22%20r%3D%2228%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M30.698%2020.513c0-1.171.95-2.12%202.124-2.12c7.95%200%2014.395%206.432%2014.395%2014.366c0%201.17-.95%202.12-2.124%202.12a2.12%202.12%200%200%201-2.123-2.12c0-5.593-4.544-10.127-10.148-10.127a2.12%202.12%200%200%201-2.124-2.12z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M51.483%2030.639c1.173%200%202.124.949%202.124%202.12c0%207.933-6.445%2014.365-14.395%2014.365a2.12%202.12%200%200%201-2.124-2.12c0-1.17.95-2.119%202.124-2.119c5.604%200%2010.147-4.534%2010.147-10.126c0-1.171.95-2.12%202.124-2.12z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M41.335%2051.487c0%201.171-.95%202.12-2.124%202.12c-7.95%200-14.395-6.432-14.395-14.366c0-1.17.951-2.119%202.124-2.119s2.124.949%202.124%202.12c0%205.592%204.543%2010.126%2010.147%2010.126c1.173%200%202.124.949%202.124%202.12z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M20.517%2041.36a2.12%202.12%200%200%201-2.124-2.118c0-7.934%206.445-14.366%2014.395-14.366c1.173%200%202.124.949%202.124%202.12c0%201.17-.95%202.119-2.124%202.119c-5.604%200-10.147%204.534-10.147%2010.127c0%201.17-.951%202.119-2.124%202.119z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/openmoji/element.svg?color=%231a73e8&size=48
