ios pie icon
ios-pie-outline from IonIcons by Ben Sperry · Outline · MIT Free for personal and commercial use.
- Name
- ios-pie-outline
- Set
- IonIcons
- Style
- Outline
- Viewbox
- 512×512
- License
- MIT
1 other variant in IonIcons
Related icons in IonIcons
ios-addios-add-circleios-airplaneios-alarmios-albumsios-alertios-american-footballios-americanfootballios-analyticsios-apertureios-appsios-appstoreios-archiveios-arrow-backios-arrow-downios-arrow-dropdownios-arrow-dropdown-circleios-arrow-dropleftios-arrow-dropleft-circleios-arrow-droprightios-arrow-dropright-circleios-arrow-dropupios-arrow-dropup-circleios-arrow-forward
Use the ios pie icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M288 80.826c45.293 3.705 87.354 23.024 119.809 55.494C444.044 172.57 464 220.744 464 272.043c0 25.924-5.08 51.042-15.099 74.703-9.68 22.859-23.54 43.384-41.194 61.024-17.654 17.639-38.204 31.481-61.08 41.151-23.673 10.01-48.823 15.081-74.752 15.081-41.193 0-80.47-12.847-113.584-37.146a193.027 193.027 0 0 1-41.633-41.692 191.38 191.38 0 0 1-21.041-36.634l180.259-45.008L288 300.496V81m-16-17v224L74.245 337.376C101.653 420.221 179.841 480 271.875 480 386.75 480 480 386.875 480 272S387 64 272 64z" fill="currentColor"/><path d="M240 48.181v214.943l-180.342 45.73c-9.117-23.568-11.197-56.973-11.158-69.496V239.287c0-47.311 16.465-93.746 45.173-127.398 16.735-19.618 37.502-34.981 61.721-45.663C180.099 55.331 208.519 49.274 240 48.181M256 32h-5.5C90.5 32 32 148.25 32 239.287c0 0 .25 56.666 18.91 88.291L256 275.573V32z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonIosPieOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M288 80.826c45.293 3.705 87.354 23.024 119.809 55.494C444.044 172.57 464 220.744 464 272.043c0 25.924-5.08 51.042-15.099 74.703-9.68 22.859-23.54 43.384-41.194 61.024-17.654 17.639-38.204 31.481-61.08 41.151-23.673 10.01-48.823 15.081-74.752 15.081-41.193 0-80.47-12.847-113.584-37.146a193.027 193.027 0 0 1-41.633-41.692 191.38 191.38 0 0 1-21.041-36.634l180.259-45.008L288 300.496V81m-16-17v224L74.245 337.376C101.653 420.221 179.841 480 271.875 480 386.75 480 480 386.875 480 272S387 64 272 64z" fill="currentColor"/><path d="M240 48.181v214.943l-180.342 45.73c-9.117-23.568-11.197-56.973-11.158-69.496V239.287c0-47.311 16.465-93.746 45.173-127.398 16.735-19.618 37.502-34.981 61.721-45.663C180.099 55.331 208.519 49.274 240 48.181M256 32h-5.5C90.5 32 32 148.25 32 239.287c0 0 .25 56.666 18.91 88.291L256 275.573V32z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M288 80.826c45.293 3.705 87.354 23.024 119.809 55.494C444.044 172.57 464 220.744 464 272.043c0 25.924-5.08 51.042-15.099 74.703-9.68 22.859-23.54 43.384-41.194 61.024-17.654 17.639-38.204 31.481-61.08 41.151-23.673 10.01-48.823 15.081-74.752 15.081-41.193 0-80.47-12.847-113.584-37.146a193.027 193.027 0 0 1-41.633-41.692 191.38 191.38 0 0 1-21.041-36.634l180.259-45.008L288 300.496V81m-16-17v224L74.245 337.376C101.653 420.221 179.841 480 271.875 480 386.75 480 480 386.875 480 272S387 64 272 64z" fill="currentColor"/><path d="M240 48.181v214.943l-180.342 45.73c-9.117-23.568-11.197-56.973-11.158-69.496V239.287c0-47.311 16.465-93.746 45.173-127.398 16.735-19.618 37.502-34.981 61.721-45.663C180.099 55.331 208.519 49.274 240 48.181M256 32h-5.5C90.5 32 32 148.25 32 239.287c0 0 .25 56.666 18.91 88.291L256 275.573V32z" fill="currentColor"/></svg> </template>
CSS
.icon-ios-pie-outline {
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%20512%20512%22%3E%3Cpath%20d%3D%22M288%2080.826c45.293%203.705%2087.354%2023.024%20119.809%2055.494C444.044%20172.57%20464%20220.744%20464%20272.043c0%2025.924-5.08%2051.042-15.099%2074.703-9.68%2022.859-23.54%2043.384-41.194%2061.024-17.654%2017.639-38.204%2031.481-61.08%2041.151-23.673%2010.01-48.823%2015.081-74.752%2015.081-41.193%200-80.47-12.847-113.584-37.146a193.027%20193.027%200%200%201-41.633-41.692%20191.38%20191.38%200%200%201-21.041-36.634l180.259-45.008L288%20300.496V81m-16-17v224L74.245%20337.376C101.653%20420.221%20179.841%20480%20271.875%20480%20386.75%20480%20480%20386.875%20480%20272S387%2064%20272%2064z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M240%2048.181v214.943l-180.342%2045.73c-9.117-23.568-11.197-56.973-11.158-69.496V239.287c0-47.311%2016.465-93.746%2045.173-127.398%2016.735-19.618%2037.502-34.981%2061.721-45.663C180.099%2055.331%20208.519%2049.274%20240%2048.181M256%2032h-5.5C90.5%2032%2032%20148.25%2032%20239.287c0%200%20.25%2056.666%2018.91%2088.291L256%20275.573V32z%22%20fill%3D%22currentColor%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%20512%20512%22%3E%3Cpath%20d%3D%22M288%2080.826c45.293%203.705%2087.354%2023.024%20119.809%2055.494C444.044%20172.57%20464%20220.744%20464%20272.043c0%2025.924-5.08%2051.042-15.099%2074.703-9.68%2022.859-23.54%2043.384-41.194%2061.024-17.654%2017.639-38.204%2031.481-61.08%2041.151-23.673%2010.01-48.823%2015.081-74.752%2015.081-41.193%200-80.47-12.847-113.584-37.146a193.027%20193.027%200%200%201-41.633-41.692%20191.38%20191.38%200%200%201-21.041-36.634l180.259-45.008L288%20300.496V81m-16-17v224L74.245%20337.376C101.653%20420.221%20179.841%20480%20271.875%20480%20386.75%20480%20480%20386.875%20480%20272S387%2064%20272%2064z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M240%2048.181v214.943l-180.342%2045.73c-9.117-23.568-11.197-56.973-11.158-69.496V239.287c0-47.311%2016.465-93.746%2045.173-127.398%2016.735-19.618%2037.502-34.981%2061.721-45.663C180.099%2055.331%20208.519%2049.274%20240%2048.181M256%2032h-5.5C90.5%2032%2032%20148.25%2032%20239.287c0%200%20.25%2056.666%2018.91%2088.291L256%20275.573V32z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/ios-pie-outline.svg?color=%231a73e8&size=48
