swiggy icon
swiggy from Unicons by Iconscout · Line · Brand Logos · Apache-2.0 Free for personal and commercial use.
- Name
- swiggy
- Set
- Unicons
- Style
- Line
- Category
- Brand Logos
- Viewbox
- 24×24
- License
- Apache 2.0
The same icon in other sets
More brand logos icons from Unicons
Use the swiggy icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.878 5.928a.297.297 0 0 1 .314.335l.003.276c.001.593-.002 1.185.002 1.777c.004.434.08.517.5.57a15 15 0 0 0 3.148-.046a5 5 0 0 0 1.573-.374a.507.507 0 0 0 .344-.603a6.83 6.83 0 0 0-5.343-5.71a6.6 6.6 0 0 0-3.648.242a6.7 6.7 0 0 0-2.694 1.752A6.27 6.27 0 0 0 5.23 8.432a11.2 11.2 0 0 0 1.526 5.517a1.34 1.34 0 0 0 1.33.748c.653-.016 1.307-.004 1.96-.004v-.003h2.084c.25 0 .447.06.445.372c-.005.726 0 1.45-.003 2.176c-.002.22-.064.432-.326.434c-.264.002-.327-.209-.33-.43c-.005-.347 0-.694 0-1.041c0-.451-.073-.557-.523-.64a7.7 7.7 0 0 0-2.348-.02a2.6 2.6 0 0 0-.8.196c-.212.1-.296.245-.193.467c.107.231.206.467.333.688a44 44 0 0 0 3.426 4.956c.154.199.273.203.431.01c.349-.426.715-.839 1.06-1.268a34 34 0 0 0 3.577-5.26a14.2 14.2 0 0 0 1.494-3.871a1.203 1.203 0 0 0-1.012-1.635a7 7 0 0 0-1.67-.162c-.909-.006-1.818-.003-2.727-.002c-.245 0-.427-.07-.427-.358q-.002-1.516.002-3.033c0-.216.104-.349.339-.34"/></svg>
React
import type { SVGProps } from "react";
export function UilSwiggy(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.878 5.928a.297.297 0 0 1 .314.335l.003.276c.001.593-.002 1.185.002 1.777c.004.434.08.517.5.57a15 15 0 0 0 3.148-.046a5 5 0 0 0 1.573-.374a.507.507 0 0 0 .344-.603a6.83 6.83 0 0 0-5.343-5.71a6.6 6.6 0 0 0-3.648.242a6.7 6.7 0 0 0-2.694 1.752A6.27 6.27 0 0 0 5.23 8.432a11.2 11.2 0 0 0 1.526 5.517a1.34 1.34 0 0 0 1.33.748c.653-.016 1.307-.004 1.96-.004v-.003h2.084c.25 0 .447.06.445.372c-.005.726 0 1.45-.003 2.176c-.002.22-.064.432-.326.434c-.264.002-.327-.209-.33-.43c-.005-.347 0-.694 0-1.041c0-.451-.073-.557-.523-.64a7.7 7.7 0 0 0-2.348-.02a2.6 2.6 0 0 0-.8.196c-.212.1-.296.245-.193.467c.107.231.206.467.333.688a44 44 0 0 0 3.426 4.956c.154.199.273.203.431.01c.349-.426.715-.839 1.06-1.268a34 34 0 0 0 3.577-5.26a14.2 14.2 0 0 0 1.494-3.871a1.203 1.203 0 0 0-1.012-1.635a7 7 0 0 0-1.67-.162c-.909-.006-1.818-.003-2.727-.002c-.245 0-.427-.07-.427-.358q-.002-1.516.002-3.033c0-.216.104-.349.339-.34"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.878 5.928a.297.297 0 0 1 .314.335l.003.276c.001.593-.002 1.185.002 1.777c.004.434.08.517.5.57a15 15 0 0 0 3.148-.046a5 5 0 0 0 1.573-.374a.507.507 0 0 0 .344-.603a6.83 6.83 0 0 0-5.343-5.71a6.6 6.6 0 0 0-3.648.242a6.7 6.7 0 0 0-2.694 1.752A6.27 6.27 0 0 0 5.23 8.432a11.2 11.2 0 0 0 1.526 5.517a1.34 1.34 0 0 0 1.33.748c.653-.016 1.307-.004 1.96-.004v-.003h2.084c.25 0 .447.06.445.372c-.005.726 0 1.45-.003 2.176c-.002.22-.064.432-.326.434c-.264.002-.327-.209-.33-.43c-.005-.347 0-.694 0-1.041c0-.451-.073-.557-.523-.64a7.7 7.7 0 0 0-2.348-.02a2.6 2.6 0 0 0-.8.196c-.212.1-.296.245-.193.467c.107.231.206.467.333.688a44 44 0 0 0 3.426 4.956c.154.199.273.203.431.01c.349-.426.715-.839 1.06-1.268a34 34 0 0 0 3.577-5.26a14.2 14.2 0 0 0 1.494-3.871a1.203 1.203 0 0 0-1.012-1.635a7 7 0 0 0-1.67-.162c-.909-.006-1.818-.003-2.727-.002c-.245 0-.427-.07-.427-.358q-.002-1.516.002-3.033c0-.216.104-.349.339-.34"/></svg> </template>
CSS
.icon-swiggy {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.878%205.928a.297.297%200%200%201%20.314.335l.003.276c.001.593-.002%201.185.002%201.777c.004.434.08.517.5.57a15%2015%200%200%200%203.148-.046a5%205%200%200%200%201.573-.374a.507.507%200%200%200%20.344-.603a6.83%206.83%200%200%200-5.343-5.71a6.6%206.6%200%200%200-3.648.242a6.7%206.7%200%200%200-2.694%201.752A6.27%206.27%200%200%200%205.23%208.432a11.2%2011.2%200%200%200%201.526%205.517a1.34%201.34%200%200%200%201.33.748c.653-.016%201.307-.004%201.96-.004v-.003h2.084c.25%200%20.447.06.445.372c-.005.726%200%201.45-.003%202.176c-.002.22-.064.432-.326.434c-.264.002-.327-.209-.33-.43c-.005-.347%200-.694%200-1.041c0-.451-.073-.557-.523-.64a7.7%207.7%200%200%200-2.348-.02a2.6%202.6%200%200%200-.8.196c-.212.1-.296.245-.193.467c.107.231.206.467.333.688a44%2044%200%200%200%203.426%204.956c.154.199.273.203.431.01c.349-.426.715-.839%201.06-1.268a34%2034%200%200%200%203.577-5.26a14.2%2014.2%200%200%200%201.494-3.871a1.203%201.203%200%200%200-1.012-1.635a7%207%200%200%200-1.67-.162c-.909-.006-1.818-.003-2.727-.002c-.245%200-.427-.07-.427-.358q-.002-1.516.002-3.033c0-.216.104-.349.339-.34%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.878%205.928a.297.297%200%200%201%20.314.335l.003.276c.001.593-.002%201.185.002%201.777c.004.434.08.517.5.57a15%2015%200%200%200%203.148-.046a5%205%200%200%200%201.573-.374a.507.507%200%200%200%20.344-.603a6.83%206.83%200%200%200-5.343-5.71a6.6%206.6%200%200%200-3.648.242a6.7%206.7%200%200%200-2.694%201.752A6.27%206.27%200%200%200%205.23%208.432a11.2%2011.2%200%200%200%201.526%205.517a1.34%201.34%200%200%200%201.33.748c.653-.016%201.307-.004%201.96-.004v-.003h2.084c.25%200%20.447.06.445.372c-.005.726%200%201.45-.003%202.176c-.002.22-.064.432-.326.434c-.264.002-.327-.209-.33-.43c-.005-.347%200-.694%200-1.041c0-.451-.073-.557-.523-.64a7.7%207.7%200%200%200-2.348-.02a2.6%202.6%200%200%200-.8.196c-.212.1-.296.245-.193.467c.107.231.206.467.333.688a44%2044%200%200%200%203.426%204.956c.154.199.273.203.431.01c.349-.426.715-.839%201.06-1.268a34%2034%200%200%200%203.577-5.26a14.2%2014.2%200%200%200%201.494-3.871a1.203%201.203%200%200%200-1.012-1.635a7%207%200%200%200-1.67-.162c-.909-.006-1.818-.003-2.727-.002c-.245%200-.427-.07-.427-.358q-.002-1.516.002-3.033c0-.216.104-.349.339-.34%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/uil/swiggy.svg?color=%231a73e8&size=48
