element plus icon

element-plus from Element Plus by Element Plus · Outline · MIT Free for personal and commercial use.

Name
element-plus
Set
Element Plus
Style
Outline
Viewbox
1024×1024
License
MIT

Use the element plus icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M839.7 734.7c0 33.3-17.9 41-17.9 41S519.7 949.8 499.2 960a33 33 0 0 1-30.7 0S153.6 775.7 143.4 768a56 56 0 0 1-12.8-20.5V368.6c0-17.9 20.5-28.2 20.5-28.2L466 158.6q19.2-7.6 38.4 0s279 161.3 309.8 179.2a43 43 0 0 1 25.6 46.1c-.1-5-.1 317.5-.1 350.8M714.2 371.2c-64-35.8-217.6-125.4-217.6-125.4c-7.7-5.1-20.5-5.1-30.7 0L217.6 389.1s-17.9 10.2-17.9 23v297c0 5.1 5.1 12.8 7.7 17.9c7.7 5.1 256 148.5 256 148.5a23 23 0 0 0 25.6 0c15.4-7.7 250.9-145.9 250.9-145.9s12.8-5.1 12.8-30.7v-74.2l-276.5 169v-64c0-17.9 7.7-30.7 20.5-46.1L745 535a63 63 0 0 0 10.2-30.7v-66.6l-279 169v-69.1c0-15.4 5.1-30.7 17.9-38.4zM919 135.7c0-5.1-5.1-7.7-7.7-7.7h-58.9V66.6c0-5.1-5.1-5.1-10.2-5.1l-30.7 5.1c-5.1 0-5.1 2.6-5.1 5.1V128h-56.3c-5.1 0-5.1 5.1-7.7 5.1v38.4h69.1v64c0 5.1 5.1 5.1 10.2 5.1l30.7-5.1c5.1 0 5.1-2.6 5.1-5.1v-56.3h64z"/></svg>

React

import type { SVGProps } from "react";

export function EpElementPlus(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="M839.7 734.7c0 33.3-17.9 41-17.9 41S519.7 949.8 499.2 960a33 33 0 0 1-30.7 0S153.6 775.7 143.4 768a56 56 0 0 1-12.8-20.5V368.6c0-17.9 20.5-28.2 20.5-28.2L466 158.6q19.2-7.6 38.4 0s279 161.3 309.8 179.2a43 43 0 0 1 25.6 46.1c-.1-5-.1 317.5-.1 350.8M714.2 371.2c-64-35.8-217.6-125.4-217.6-125.4c-7.7-5.1-20.5-5.1-30.7 0L217.6 389.1s-17.9 10.2-17.9 23v297c0 5.1 5.1 12.8 7.7 17.9c7.7 5.1 256 148.5 256 148.5a23 23 0 0 0 25.6 0c15.4-7.7 250.9-145.9 250.9-145.9s12.8-5.1 12.8-30.7v-74.2l-276.5 169v-64c0-17.9 7.7-30.7 20.5-46.1L745 535a63 63 0 0 0 10.2-30.7v-66.6l-279 169v-69.1c0-15.4 5.1-30.7 17.9-38.4zM919 135.7c0-5.1-5.1-7.7-7.7-7.7h-58.9V66.6c0-5.1-5.1-5.1-10.2-5.1l-30.7 5.1c-5.1 0-5.1 2.6-5.1 5.1V128h-56.3c-5.1 0-5.1 5.1-7.7 5.1v38.4h69.1v64c0 5.1 5.1 5.1 10.2 5.1l30.7-5.1c5.1 0 5.1-2.6 5.1-5.1v-56.3h64z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M839.7 734.7c0 33.3-17.9 41-17.9 41S519.7 949.8 499.2 960a33 33 0 0 1-30.7 0S153.6 775.7 143.4 768a56 56 0 0 1-12.8-20.5V368.6c0-17.9 20.5-28.2 20.5-28.2L466 158.6q19.2-7.6 38.4 0s279 161.3 309.8 179.2a43 43 0 0 1 25.6 46.1c-.1-5-.1 317.5-.1 350.8M714.2 371.2c-64-35.8-217.6-125.4-217.6-125.4c-7.7-5.1-20.5-5.1-30.7 0L217.6 389.1s-17.9 10.2-17.9 23v297c0 5.1 5.1 12.8 7.7 17.9c7.7 5.1 256 148.5 256 148.5a23 23 0 0 0 25.6 0c15.4-7.7 250.9-145.9 250.9-145.9s12.8-5.1 12.8-30.7v-74.2l-276.5 169v-64c0-17.9 7.7-30.7 20.5-46.1L745 535a63 63 0 0 0 10.2-30.7v-66.6l-279 169v-69.1c0-15.4 5.1-30.7 17.9-38.4zM919 135.7c0-5.1-5.1-7.7-7.7-7.7h-58.9V66.6c0-5.1-5.1-5.1-10.2-5.1l-30.7 5.1c-5.1 0-5.1 2.6-5.1 5.1V128h-56.3c-5.1 0-5.1 5.1-7.7 5.1v38.4h69.1v64c0 5.1 5.1 5.1 10.2 5.1l30.7-5.1c5.1 0 5.1-2.6 5.1-5.1v-56.3h64z"/></svg>
</template>

CSS

.icon-element-plus {
  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%22M839.7%20734.7c0%2033.3-17.9%2041-17.9%2041S519.7%20949.8%20499.2%20960a33%2033%200%200%201-30.7%200S153.6%20775.7%20143.4%20768a56%2056%200%200%201-12.8-20.5V368.6c0-17.9%2020.5-28.2%2020.5-28.2L466%20158.6q19.2-7.6%2038.4%200s279%20161.3%20309.8%20179.2a43%2043%200%200%201%2025.6%2046.1c-.1-5-.1%20317.5-.1%20350.8M714.2%20371.2c-64-35.8-217.6-125.4-217.6-125.4c-7.7-5.1-20.5-5.1-30.7%200L217.6%20389.1s-17.9%2010.2-17.9%2023v297c0%205.1%205.1%2012.8%207.7%2017.9c7.7%205.1%20256%20148.5%20256%20148.5a23%2023%200%200%200%2025.6%200c15.4-7.7%20250.9-145.9%20250.9-145.9s12.8-5.1%2012.8-30.7v-74.2l-276.5%20169v-64c0-17.9%207.7-30.7%2020.5-46.1L745%20535a63%2063%200%200%200%2010.2-30.7v-66.6l-279%20169v-69.1c0-15.4%205.1-30.7%2017.9-38.4zM919%20135.7c0-5.1-5.1-7.7-7.7-7.7h-58.9V66.6c0-5.1-5.1-5.1-10.2-5.1l-30.7%205.1c-5.1%200-5.1%202.6-5.1%205.1V128h-56.3c-5.1%200-5.1%205.1-7.7%205.1v38.4h69.1v64c0%205.1%205.1%205.1%2010.2%205.1l30.7-5.1c5.1%200%205.1-2.6%205.1-5.1v-56.3h64z%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%22M839.7%20734.7c0%2033.3-17.9%2041-17.9%2041S519.7%20949.8%20499.2%20960a33%2033%200%200%201-30.7%200S153.6%20775.7%20143.4%20768a56%2056%200%200%201-12.8-20.5V368.6c0-17.9%2020.5-28.2%2020.5-28.2L466%20158.6q19.2-7.6%2038.4%200s279%20161.3%20309.8%20179.2a43%2043%200%200%201%2025.6%2046.1c-.1-5-.1%20317.5-.1%20350.8M714.2%20371.2c-64-35.8-217.6-125.4-217.6-125.4c-7.7-5.1-20.5-5.1-30.7%200L217.6%20389.1s-17.9%2010.2-17.9%2023v297c0%205.1%205.1%2012.8%207.7%2017.9c7.7%205.1%20256%20148.5%20256%20148.5a23%2023%200%200%200%2025.6%200c15.4-7.7%20250.9-145.9%20250.9-145.9s12.8-5.1%2012.8-30.7v-74.2l-276.5%20169v-64c0-17.9%207.7-30.7%2020.5-46.1L745%20535a63%2063%200%200%200%2010.2-30.7v-66.6l-279%20169v-69.1c0-15.4%205.1-30.7%2017.9-38.4zM919%20135.7c0-5.1-5.1-7.7-7.7-7.7h-58.9V66.6c0-5.1-5.1-5.1-10.2-5.1l-30.7%205.1c-5.1%200-5.1%202.6-5.1%205.1V128h-56.3c-5.1%200-5.1%205.1-7.7%205.1v38.4h69.1v64c0%205.1%205.1%205.1%2010.2%205.1l30.7-5.1c5.1%200%205.1-2.6%205.1-5.1v-56.3h64z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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