orange slice icon

orange-slice-fill from Phosphor by Phosphor Icons · Fill · MIT Free for personal and commercial use.

Name: orange-slice-fill
Set: Phosphor
Style: Fill
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

orange-slice orange-slice-bold orange-slice-duotone orange-slice-light orange-slice-thin

The same icon in other sets

Use the orange slice icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M51.18 145.51A95.5 95.5 0 0 1 32 88c0-1.41 0-2.81.09-4.21a4 4 0 0 1 4-3.79H107a4 4 0 0 1 2.83 6.83ZM120 183.66V99.31l-58.17 58.18A95.68 95.68 0 0 0 120 183.66m84.82-38.15A95.5 95.5 0 0 0 224 88c0-1.41 0-2.81-.09-4.21a4 4 0 0 0-4-3.79H149a4 4 0 0 0-2.83 6.83ZM248 80h-4.08a4 4 0 0 0-4 4.14c0 1.28.07 2.57.07 3.86A112 112 0 0 1 16 88c0-1.29 0-2.58.07-3.86a4 4 0 0 0-4-4.14H8a8 8 0 0 0-8 8a128 128 0 1 0 256 0a8 8 0 0 0-8-8M136 99.31v84.35a95.68 95.68 0 0 0 58.17-26.17Z"/></svg>

React

import type { SVGProps } from "react";

export function PhOrangeSliceFill(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M51.18 145.51A95.5 95.5 0 0 1 32 88c0-1.41 0-2.81.09-4.21a4 4 0 0 1 4-3.79H107a4 4 0 0 1 2.83 6.83ZM120 183.66V99.31l-58.17 58.18A95.68 95.68 0 0 0 120 183.66m84.82-38.15A95.5 95.5 0 0 0 224 88c0-1.41 0-2.81-.09-4.21a4 4 0 0 0-4-3.79H149a4 4 0 0 0-2.83 6.83ZM248 80h-4.08a4 4 0 0 0-4 4.14c0 1.28.07 2.57.07 3.86A112 112 0 0 1 16 88c0-1.29 0-2.58.07-3.86a4 4 0 0 0-4-4.14H8a8 8 0 0 0-8 8a128 128 0 1 0 256 0a8 8 0 0 0-8-8M136 99.31v84.35a95.68 95.68 0 0 0 58.17-26.17Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M51.18 145.51A95.5 95.5 0 0 1 32 88c0-1.41 0-2.81.09-4.21a4 4 0 0 1 4-3.79H107a4 4 0 0 1 2.83 6.83ZM120 183.66V99.31l-58.17 58.18A95.68 95.68 0 0 0 120 183.66m84.82-38.15A95.5 95.5 0 0 0 224 88c0-1.41 0-2.81-.09-4.21a4 4 0 0 0-4-3.79H149a4 4 0 0 0-2.83 6.83ZM248 80h-4.08a4 4 0 0 0-4 4.14c0 1.28.07 2.57.07 3.86A112 112 0 0 1 16 88c0-1.29 0-2.58.07-3.86a4 4 0 0 0-4-4.14H8a8 8 0 0 0-8 8a128 128 0 1 0 256 0a8 8 0 0 0-8-8M136 99.31v84.35a95.68 95.68 0 0 0 58.17-26.17Z"/></svg>
</template>

CSS

.icon-orange-slice-fill {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M51.18%20145.51A95.5%2095.5%200%200%201%2032%2088c0-1.41%200-2.81.09-4.21a4%204%200%200%201%204-3.79H107a4%204%200%200%201%202.83%206.83ZM120%20183.66V99.31l-58.17%2058.18A95.68%2095.68%200%200%200%20120%20183.66m84.82-38.15A95.5%2095.5%200%200%200%20224%2088c0-1.41%200-2.81-.09-4.21a4%204%200%200%200-4-3.79H149a4%204%200%200%200-2.83%206.83ZM248%2080h-4.08a4%204%200%200%200-4%204.14c0%201.28.07%202.57.07%203.86A112%20112%200%200%201%2016%2088c0-1.29%200-2.58.07-3.86a4%204%200%200%200-4-4.14H8a8%208%200%200%200-8%208a128%20128%200%201%200%20256%200a8%208%200%200%200-8-8M136%2099.31v84.35a95.68%2095.68%200%200%200%2058.17-26.17Z%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M51.18%20145.51A95.5%2095.5%200%200%201%2032%2088c0-1.41%200-2.81.09-4.21a4%204%200%200%201%204-3.79H107a4%204%200%200%201%202.83%206.83ZM120%20183.66V99.31l-58.17%2058.18A95.68%2095.68%200%200%200%20120%20183.66m84.82-38.15A95.5%2095.5%200%200%200%20224%2088c0-1.41%200-2.81-.09-4.21a4%204%200%200%200-4-3.79H149a4%204%200%200%200-2.83%206.83ZM248%2080h-4.08a4%204%200%200%200-4%204.14c0%201.28.07%202.57.07%203.86A112%20112%200%200%201%2016%2088c0-1.29%200-2.58.07-3.86a4%204%200%200%200-4-4.14H8a8%208%200%200%200-8%208a128%20128%200%201%200%20256%200a8%208%200%200%200-8-8M136%2099.31v84.35a95.68%2095.68%200%200%200%2058.17-26.17Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/orange-slice-fill.svg?color=%231a73e8&size=48