eleme filled icon

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

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

Use the eleme filled icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M176 64h672a112 112 0 0 1 112 112v672a112 112 0 0 1-112 112H176A112 112 0 0 1 64 848V176A112 112 0 0 1 176 64m150.5 173.6a331 331 0 0 0-97.4 457a330.7 330.7 0 0 0 457 96.6c9.2-6 17.6-11.8 25.1-18.6a18 18 0 0 0 4.3-24.3l-15.1-23.5a47.6 47.6 0 0 0-65.6-14.3a234.6 234.6 0 0 1-324.2-68.9a236 236 0 0 1 68.9-325.1a234 234 0 0 1 276.3 15.1c1.7.9 2.6 2.6 3.4 4.3c5.9 8.4 3.3 19.3-5.1 25.2L456.8 489.6a47.6 47.6 0 0 0-14.3 65.5l16 24.4a18 18 0 0 0 25.2 5l308.2-200a19.6 19.6 0 0 0 6.8-23.4v-1c-5-9.1-10-17.5-15.1-26.8a332 332 0 0 0-457-95.7zM787 504.7L724.7 545c-8.3 6-11 16.8-5 25.2l40.3 62.1c5.9 8.5 16.8 11 25.2 5.1l31-20.1a55.4 55.4 0 0 0 16-76.5l-20.2-31a19.5 19.5 0 0 0-25.1-5.2z"/></svg>

React

import type { SVGProps } from "react";

export function EpElemeFilled(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="M176 64h672a112 112 0 0 1 112 112v672a112 112 0 0 1-112 112H176A112 112 0 0 1 64 848V176A112 112 0 0 1 176 64m150.5 173.6a331 331 0 0 0-97.4 457a330.7 330.7 0 0 0 457 96.6c9.2-6 17.6-11.8 25.1-18.6a18 18 0 0 0 4.3-24.3l-15.1-23.5a47.6 47.6 0 0 0-65.6-14.3a234.6 234.6 0 0 1-324.2-68.9a236 236 0 0 1 68.9-325.1a234 234 0 0 1 276.3 15.1c1.7.9 2.6 2.6 3.4 4.3c5.9 8.4 3.3 19.3-5.1 25.2L456.8 489.6a47.6 47.6 0 0 0-14.3 65.5l16 24.4a18 18 0 0 0 25.2 5l308.2-200a19.6 19.6 0 0 0 6.8-23.4v-1c-5-9.1-10-17.5-15.1-26.8a332 332 0 0 0-457-95.7zM787 504.7L724.7 545c-8.3 6-11 16.8-5 25.2l40.3 62.1c5.9 8.5 16.8 11 25.2 5.1l31-20.1a55.4 55.4 0 0 0 16-76.5l-20.2-31a19.5 19.5 0 0 0-25.1-5.2z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M176 64h672a112 112 0 0 1 112 112v672a112 112 0 0 1-112 112H176A112 112 0 0 1 64 848V176A112 112 0 0 1 176 64m150.5 173.6a331 331 0 0 0-97.4 457a330.7 330.7 0 0 0 457 96.6c9.2-6 17.6-11.8 25.1-18.6a18 18 0 0 0 4.3-24.3l-15.1-23.5a47.6 47.6 0 0 0-65.6-14.3a234.6 234.6 0 0 1-324.2-68.9a236 236 0 0 1 68.9-325.1a234 234 0 0 1 276.3 15.1c1.7.9 2.6 2.6 3.4 4.3c5.9 8.4 3.3 19.3-5.1 25.2L456.8 489.6a47.6 47.6 0 0 0-14.3 65.5l16 24.4a18 18 0 0 0 25.2 5l308.2-200a19.6 19.6 0 0 0 6.8-23.4v-1c-5-9.1-10-17.5-15.1-26.8a332 332 0 0 0-457-95.7zM787 504.7L724.7 545c-8.3 6-11 16.8-5 25.2l40.3 62.1c5.9 8.5 16.8 11 25.2 5.1l31-20.1a55.4 55.4 0 0 0 16-76.5l-20.2-31a19.5 19.5 0 0 0-25.1-5.2z"/></svg>
</template>

CSS

.icon-eleme-filled {
  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%22M176%2064h672a112%20112%200%200%201%20112%20112v672a112%20112%200%200%201-112%20112H176A112%20112%200%200%201%2064%20848V176A112%20112%200%200%201%20176%2064m150.5%20173.6a331%20331%200%200%200-97.4%20457a330.7%20330.7%200%200%200%20457%2096.6c9.2-6%2017.6-11.8%2025.1-18.6a18%2018%200%200%200%204.3-24.3l-15.1-23.5a47.6%2047.6%200%200%200-65.6-14.3a234.6%20234.6%200%200%201-324.2-68.9a236%20236%200%200%201%2068.9-325.1a234%20234%200%200%201%20276.3%2015.1c1.7.9%202.6%202.6%203.4%204.3c5.9%208.4%203.3%2019.3-5.1%2025.2L456.8%20489.6a47.6%2047.6%200%200%200-14.3%2065.5l16%2024.4a18%2018%200%200%200%2025.2%205l308.2-200a19.6%2019.6%200%200%200%206.8-23.4v-1c-5-9.1-10-17.5-15.1-26.8a332%20332%200%200%200-457-95.7zM787%20504.7L724.7%20545c-8.3%206-11%2016.8-5%2025.2l40.3%2062.1c5.9%208.5%2016.8%2011%2025.2%205.1l31-20.1a55.4%2055.4%200%200%200%2016-76.5l-20.2-31a19.5%2019.5%200%200%200-25.1-5.2z%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%22M176%2064h672a112%20112%200%200%201%20112%20112v672a112%20112%200%200%201-112%20112H176A112%20112%200%200%201%2064%20848V176A112%20112%200%200%201%20176%2064m150.5%20173.6a331%20331%200%200%200-97.4%20457a330.7%20330.7%200%200%200%20457%2096.6c9.2-6%2017.6-11.8%2025.1-18.6a18%2018%200%200%200%204.3-24.3l-15.1-23.5a47.6%2047.6%200%200%200-65.6-14.3a234.6%20234.6%200%200%201-324.2-68.9a236%20236%200%200%201%2068.9-325.1a234%20234%200%200%201%20276.3%2015.1c1.7.9%202.6%202.6%203.4%204.3c5.9%208.4%203.3%2019.3-5.1%2025.2L456.8%20489.6a47.6%2047.6%200%200%200-14.3%2065.5l16%2024.4a18%2018%200%200%200%2025.2%205l308.2-200a19.6%2019.6%200%200%200%206.8-23.4v-1c-5-9.1-10-17.5-15.1-26.8a332%20332%200%200%200-457-95.7zM787%20504.7L724.7%20545c-8.3%206-11%2016.8-5%2025.2l40.3%2062.1c5.9%208.5%2016.8%2011%2025.2%205.1l31-20.1a55.4%2055.4%200%200%200%2016-76.5l-20.2-31a19.5%2019.5%200%200%200-25.1-5.2z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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