goblet square full icon

goblet-square-full from Element Plus by Element Plus · Outline · MIT Free for personal and commercial use.

Name: goblet-square-full
Set: Element Plus
Style: Outline
Viewbox: 1024×1024
License: MIT

Related icons in Element Plus

Use the goblet square full icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M256 271c10 6.6 22.5 14.8 29 18.5a220 220 0 0 0 114.7 30.8c30.6 0 49.5-9.5 91.1-41.2l.7-.4c52.9-40.4 82.3-55 132.2-54.7c55.6.4 99.6 20.8 142.8 57.4l1.5 1.3V128H256zm1 76.2c9.4 135 89.9 228.7 255 228.8c157.4 0 238-85 253.2-210a952 952 0 0 1-40.1-35.7c-32.7-27.8-63.4-42-102-42.2c-31.5-.3-50.6 9.2-93 41.6l-.6.4c-52.1 39.6-81 54.2-129.8 54.2a283 283 0 0 1-142.8-37zm223 291.6c-229.4-15.4-288-196.3-288-319.1V96a32 32 0 0 1 32-32h576a32 32 0 0 1 32 32v224c0 122.8-58.6 303.7-288 319v257h96a32 32 0 1 1 0 64H384a32 32 0 1 1 0-64h96z"/></svg>

React

import type { SVGProps } from "react";

export function EpGobletSquareFull(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="M256 271c10 6.6 22.5 14.8 29 18.5a220 220 0 0 0 114.7 30.8c30.6 0 49.5-9.5 91.1-41.2l.7-.4c52.9-40.4 82.3-55 132.2-54.7c55.6.4 99.6 20.8 142.8 57.4l1.5 1.3V128H256zm1 76.2c9.4 135 89.9 228.7 255 228.8c157.4 0 238-85 253.2-210a952 952 0 0 1-40.1-35.7c-32.7-27.8-63.4-42-102-42.2c-31.5-.3-50.6 9.2-93 41.6l-.6.4c-52.1 39.6-81 54.2-129.8 54.2a283 283 0 0 1-142.8-37zm223 291.6c-229.4-15.4-288-196.3-288-319.1V96a32 32 0 0 1 32-32h576a32 32 0 0 1 32 32v224c0 122.8-58.6 303.7-288 319v257h96a32 32 0 1 1 0 64H384a32 32 0 1 1 0-64h96z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M256 271c10 6.6 22.5 14.8 29 18.5a220 220 0 0 0 114.7 30.8c30.6 0 49.5-9.5 91.1-41.2l.7-.4c52.9-40.4 82.3-55 132.2-54.7c55.6.4 99.6 20.8 142.8 57.4l1.5 1.3V128H256zm1 76.2c9.4 135 89.9 228.7 255 228.8c157.4 0 238-85 253.2-210a952 952 0 0 1-40.1-35.7c-32.7-27.8-63.4-42-102-42.2c-31.5-.3-50.6 9.2-93 41.6l-.6.4c-52.1 39.6-81 54.2-129.8 54.2a283 283 0 0 1-142.8-37zm223 291.6c-229.4-15.4-288-196.3-288-319.1V96a32 32 0 0 1 32-32h576a32 32 0 0 1 32 32v224c0 122.8-58.6 303.7-288 319v257h96a32 32 0 1 1 0 64H384a32 32 0 1 1 0-64h96z"/></svg>
</template>

CSS

.icon-goblet-square-full {
  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%22M256%20271c10%206.6%2022.5%2014.8%2029%2018.5a220%20220%200%200%200%20114.7%2030.8c30.6%200%2049.5-9.5%2091.1-41.2l.7-.4c52.9-40.4%2082.3-55%20132.2-54.7c55.6.4%2099.6%2020.8%20142.8%2057.4l1.5%201.3V128H256zm1%2076.2c9.4%20135%2089.9%20228.7%20255%20228.8c157.4%200%20238-85%20253.2-210a952%20952%200%200%201-40.1-35.7c-32.7-27.8-63.4-42-102-42.2c-31.5-.3-50.6%209.2-93%2041.6l-.6.4c-52.1%2039.6-81%2054.2-129.8%2054.2a283%20283%200%200%201-142.8-37zm223%20291.6c-229.4-15.4-288-196.3-288-319.1V96a32%2032%200%200%201%2032-32h576a32%2032%200%200%201%2032%2032v224c0%20122.8-58.6%20303.7-288%20319v257h96a32%2032%200%201%201%200%2064H384a32%2032%200%201%201%200-64h96z%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%22M256%20271c10%206.6%2022.5%2014.8%2029%2018.5a220%20220%200%200%200%20114.7%2030.8c30.6%200%2049.5-9.5%2091.1-41.2l.7-.4c52.9-40.4%2082.3-55%20132.2-54.7c55.6.4%2099.6%2020.8%20142.8%2057.4l1.5%201.3V128H256zm1%2076.2c9.4%20135%2089.9%20228.7%20255%20228.8c157.4%200%20238-85%20253.2-210a952%20952%200%200%201-40.1-35.7c-32.7-27.8-63.4-42-102-42.2c-31.5-.3-50.6%209.2-93%2041.6l-.6.4c-52.1%2039.6-81%2054.2-129.8%2054.2a283%20283%200%200%201-142.8-37zm223%20291.6c-229.4-15.4-288-196.3-288-319.1V96a32%2032%200%200%201%2032-32h576a32%2032%200%200%201%2032%2032v224c0%20122.8-58.6%20303.7-288%20319v257h96a32%2032%200%201%201%200%2064H384a32%2032%200%201%201%200-64h96z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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