pear icon
pear from Element Plus by Element Plus · Outline · MIT Free for personal and commercial use.
- Name
- pear
- Set
- Element Plus
- Style
- Outline
- Viewbox
- 1024×1024
- License
- MIT
The same icon in other sets
Use the pear icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M542.3 258.8a443 443 0 0 0-9 25.1a32 32 0 1 1-60.8-20l1.1-3.4a163 163 0 0 0-122 131.4l-17.1 102.8l-20.8 15.3C256.2 552.7 224 611 224 672c0 120.6 126.4 224 288 224s288-103.4 288-224c0-61.1-32.2-119.3-89.7-162l-20.8-15.3l-17-102.8a163 163 0 0 0-130.2-133m-40-66.6Q514 169 528 148.5q34.9-51 78.6-77.1a32 32 0 1 1 32.7 55q-30.9 18.3-58.5 58.3a317 317 0 0 0-9.8 15.1a227 227 0 0 1 164.5 181.6l12.8 77.2C819.4 511.4 864 587.4 864 672c0 159-157.6 288-352 288S160 831 160 672c0-84.6 44.6-160.6 115.6-213.4l12.8-77.2A226.6 226.6 0 0 1 502 192.2z"/></svg>
React
import type { SVGProps } from "react";
export function EpPear(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="M542.3 258.8a443 443 0 0 0-9 25.1a32 32 0 1 1-60.8-20l1.1-3.4a163 163 0 0 0-122 131.4l-17.1 102.8l-20.8 15.3C256.2 552.7 224 611 224 672c0 120.6 126.4 224 288 224s288-103.4 288-224c0-61.1-32.2-119.3-89.7-162l-20.8-15.3l-17-102.8a163 163 0 0 0-130.2-133m-40-66.6Q514 169 528 148.5q34.9-51 78.6-77.1a32 32 0 1 1 32.7 55q-30.9 18.3-58.5 58.3a317 317 0 0 0-9.8 15.1a227 227 0 0 1 164.5 181.6l12.8 77.2C819.4 511.4 864 587.4 864 672c0 159-157.6 288-352 288S160 831 160 672c0-84.6 44.6-160.6 115.6-213.4l12.8-77.2A226.6 226.6 0 0 1 502 192.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="M542.3 258.8a443 443 0 0 0-9 25.1a32 32 0 1 1-60.8-20l1.1-3.4a163 163 0 0 0-122 131.4l-17.1 102.8l-20.8 15.3C256.2 552.7 224 611 224 672c0 120.6 126.4 224 288 224s288-103.4 288-224c0-61.1-32.2-119.3-89.7-162l-20.8-15.3l-17-102.8a163 163 0 0 0-130.2-133m-40-66.6Q514 169 528 148.5q34.9-51 78.6-77.1a32 32 0 1 1 32.7 55q-30.9 18.3-58.5 58.3a317 317 0 0 0-9.8 15.1a227 227 0 0 1 164.5 181.6l12.8 77.2C819.4 511.4 864 587.4 864 672c0 159-157.6 288-352 288S160 831 160 672c0-84.6 44.6-160.6 115.6-213.4l12.8-77.2A226.6 226.6 0 0 1 502 192.2z"/></svg> </template>
CSS
.icon-pear {
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%22M542.3%20258.8a443%20443%200%200%200-9%2025.1a32%2032%200%201%201-60.8-20l1.1-3.4a163%20163%200%200%200-122%20131.4l-17.1%20102.8l-20.8%2015.3C256.2%20552.7%20224%20611%20224%20672c0%20120.6%20126.4%20224%20288%20224s288-103.4%20288-224c0-61.1-32.2-119.3-89.7-162l-20.8-15.3l-17-102.8a163%20163%200%200%200-130.2-133m-40-66.6Q514%20169%20528%20148.5q34.9-51%2078.6-77.1a32%2032%200%201%201%2032.7%2055q-30.9%2018.3-58.5%2058.3a317%20317%200%200%200-9.8%2015.1a227%20227%200%200%201%20164.5%20181.6l12.8%2077.2C819.4%20511.4%20864%20587.4%20864%20672c0%20159-157.6%20288-352%20288S160%20831%20160%20672c0-84.6%2044.6-160.6%20115.6-213.4l12.8-77.2A226.6%20226.6%200%200%201%20502%20192.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%22M542.3%20258.8a443%20443%200%200%200-9%2025.1a32%2032%200%201%201-60.8-20l1.1-3.4a163%20163%200%200%200-122%20131.4l-17.1%20102.8l-20.8%2015.3C256.2%20552.7%20224%20611%20224%20672c0%20120.6%20126.4%20224%20288%20224s288-103.4%20288-224c0-61.1-32.2-119.3-89.7-162l-20.8-15.3l-17-102.8a163%20163%200%200%200-130.2-133m-40-66.6Q514%20169%20528%20148.5q34.9-51%2078.6-77.1a32%2032%200%201%201%2032.7%2055q-30.9%2018.3-58.5%2058.3a317%20317%200%200%200-9.8%2015.1a227%20227%200%200%201%20164.5%20181.6l12.8%2077.2C819.4%20511.4%20864%20587.4%20864%20672c0%20159-157.6%20288-352%20288S160%20831%20160%20672c0-84.6%2044.6-160.6%20115.6-213.4l12.8-77.2A226.6%20226.6%200%200%201%20502%20192.2z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ep/pear.svg?color=%231a73e8&size=48
