eleme icon

eleme from Element Plus by Element Plus · Outline · MIT Free for personal and commercial use.

Name: eleme
Set: Element Plus
Style: Outline
Viewbox: 1024×1024
License: MIT

Related icons in Element Plus

Use the eleme icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M300 188.8a379.4 379.4 0 0 1 522.3 109.4c5.7 10.6 11.5 20.2 17.3 30.8v1a22.4 22.4 0 0 1-7.7 26.8L479.6 585.3c-9.6 6.7-22.1 3.8-28.8-5.8l-18.3-27.8a54.3 54.3 0 0 1 16.3-74.9l225.6-146.9c9.6-6.7 12.5-19.2 5.8-28.8c-1-1.9-2-3.8-3.8-4.8A268 268 0 0 0 360.5 279a269.4 269.4 0 0 0-78.7 371.6a268 268 0 0 0 370.6 78.7a54.3 54.3 0 0 1 74.8 16.3l17.3 26.9a21 21 0 0 1-4.8 27.8a223 223 0 0 1-28.8 21.1A378 378 0 0 1 188.7 711A378 378 0 0 1 300 188.8m526.1 305.3a22.3 22.3 0 0 1 28.8 5.7l23 35.6a63 63 0 0 1-18.2 87.3l-35.5 23c-9.6 6.8-22 3.9-28.8-5.7l-46-71c-6.8-9.6-4-22.1 5.7-28.8z"/></svg>

React

import type { SVGProps } from "react";

export function EpEleme(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M300 188.8a379.4 379.4 0 0 1 522.3 109.4c5.7 10.6 11.5 20.2 17.3 30.8v1a22.4 22.4 0 0 1-7.7 26.8L479.6 585.3c-9.6 6.7-22.1 3.8-28.8-5.8l-18.3-27.8a54.3 54.3 0 0 1 16.3-74.9l225.6-146.9c9.6-6.7 12.5-19.2 5.8-28.8c-1-1.9-2-3.8-3.8-4.8A268 268 0 0 0 360.5 279a269.4 269.4 0 0 0-78.7 371.6a268 268 0 0 0 370.6 78.7a54.3 54.3 0 0 1 74.8 16.3l17.3 26.9a21 21 0 0 1-4.8 27.8a223 223 0 0 1-28.8 21.1A378 378 0 0 1 188.7 711A378 378 0 0 1 300 188.8m526.1 305.3a22.3 22.3 0 0 1 28.8 5.7l23 35.6a63 63 0 0 1-18.2 87.3l-35.5 23c-9.6 6.8-22 3.9-28.8-5.7l-46-71c-6.8-9.6-4-22.1 5.7-28.8z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M300 188.8a379.4 379.4 0 0 1 522.3 109.4c5.7 10.6 11.5 20.2 17.3 30.8v1a22.4 22.4 0 0 1-7.7 26.8L479.6 585.3c-9.6 6.7-22.1 3.8-28.8-5.8l-18.3-27.8a54.3 54.3 0 0 1 16.3-74.9l225.6-146.9c9.6-6.7 12.5-19.2 5.8-28.8c-1-1.9-2-3.8-3.8-4.8A268 268 0 0 0 360.5 279a269.4 269.4 0 0 0-78.7 371.6a268 268 0 0 0 370.6 78.7a54.3 54.3 0 0 1 74.8 16.3l17.3 26.9a21 21 0 0 1-4.8 27.8a223 223 0 0 1-28.8 21.1A378 378 0 0 1 188.7 711A378 378 0 0 1 300 188.8m526.1 305.3a22.3 22.3 0 0 1 28.8 5.7l23 35.6a63 63 0 0 1-18.2 87.3l-35.5 23c-9.6 6.8-22 3.9-28.8-5.7l-46-71c-6.8-9.6-4-22.1 5.7-28.8z"/></svg>
</template>

CSS

.icon-eleme {
  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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M300%20188.8a379.4%20379.4%200%200%201%20522.3%20109.4c5.7%2010.6%2011.5%2020.2%2017.3%2030.8v1a22.4%2022.4%200%200%201-7.7%2026.8L479.6%20585.3c-9.6%206.7-22.1%203.8-28.8-5.8l-18.3-27.8a54.3%2054.3%200%200%201%2016.3-74.9l225.6-146.9c9.6-6.7%2012.5-19.2%205.8-28.8c-1-1.9-2-3.8-3.8-4.8A268%20268%200%200%200%20360.5%20279a269.4%20269.4%200%200%200-78.7%20371.6a268%20268%200%200%200%20370.6%2078.7a54.3%2054.3%200%200%201%2074.8%2016.3l17.3%2026.9a21%2021%200%200%201-4.8%2027.8a223%20223%200%200%201-28.8%2021.1A378%20378%200%200%201%20188.7%20711A378%20378%200%200%201%20300%20188.8m526.1%20305.3a22.3%2022.3%200%200%201%2028.8%205.7l23%2035.6a63%2063%200%200%201-18.2%2087.3l-35.5%2023c-9.6%206.8-22%203.9-28.8-5.7l-46-71c-6.8-9.6-4-22.1%205.7-28.8z%22%2F%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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M300%20188.8a379.4%20379.4%200%200%201%20522.3%20109.4c5.7%2010.6%2011.5%2020.2%2017.3%2030.8v1a22.4%2022.4%200%200%201-7.7%2026.8L479.6%20585.3c-9.6%206.7-22.1%203.8-28.8-5.8l-18.3-27.8a54.3%2054.3%200%200%201%2016.3-74.9l225.6-146.9c9.6-6.7%2012.5-19.2%205.8-28.8c-1-1.9-2-3.8-3.8-4.8A268%20268%200%200%200%20360.5%20279a269.4%20269.4%200%200%200-78.7%20371.6a268%20268%200%200%200%20370.6%2078.7a54.3%2054.3%200%200%201%2074.8%2016.3l17.3%2026.9a21%2021%200%200%201-4.8%2027.8a223%20223%200%200%201-28.8%2021.1A378%20378%200%200%201%20188.7%20711A378%20378%200%200%201%20300%20188.8m526.1%20305.3a22.3%2022.3%200%200%201%2028.8%205.7l23%2035.6a63%2063%200%200%201-18.2%2087.3l-35.5%2023c-9.6%206.8-22%203.9-28.8-5.7l-46-71c-6.8-9.6-4-22.1%205.7-28.8z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ep/eleme.svg?color=%231a73e8&size=48