soup icon
soup-sharp-fill from Keyline Icons by Keyline Icons · Sharp Fill · MIT Free for personal and commercial use.
- Name
- soup-sharp-fill
- Set
- Keyline Icons
- Style
- Sharp Fill
- Viewbox
- 24×24
- License
- MIT
7 other variants in Keyline Icons
The same icon in other sets
Use the soup icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" d="M2 11L22 11C22.5523 11 23 11.4477 23 12C23 12.0738 22.9918 12.1475 22.9756 12.2195C21.8206 17.3529 17.2617 21 12 21C6.7383 21 2.1794 17.3529 1.0244 12.2195C1.0082 12.1475 1 12.0738 1 12C1 11.4477 1.4477 11 2 11Z" stroke="none"/><path d="M4 20L20 20M5 9L5 8C5 7.2131 5.3705 6.4721 6 6C6.6295 5.5279 7 4.7869 7 4L7 3M11 9L11 8C11 7.2131 11.3705 6.4721 12 6C12.6295 5.5279 13 4.7869 13 4L13 3M17 9L17 8C17 7.2131 17.3705 6.4721 18 6C18.6295 5.5279 19 4.7869 19 4L19 3"/></g></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsSoupSharpFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="2"><path fill="currentColor" d="M2 11L22 11C22.5523 11 23 11.4477 23 12C23 12.0738 22.9918 12.1475 22.9756 12.2195C21.8206 17.3529 17.2617 21 12 21C6.7383 21 2.1794 17.3529 1.0244 12.2195C1.0082 12.1475 1 12.0738 1 12C1 11.4477 1.4477 11 2 11Z" stroke="none"/><path d="M4 20L20 20M5 9L5 8C5 7.2131 5.3705 6.4721 6 6C6.6295 5.5279 7 4.7869 7 4L7 3M11 9L11 8C11 7.2131 11.3705 6.4721 12 6C12.6295 5.5279 13 4.7869 13 4L13 3M17 9L17 8C17 7.2131 17.3705 6.4721 18 6C18.6295 5.5279 19 4.7869 19 4L19 3"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" d="M2 11L22 11C22.5523 11 23 11.4477 23 12C23 12.0738 22.9918 12.1475 22.9756 12.2195C21.8206 17.3529 17.2617 21 12 21C6.7383 21 2.1794 17.3529 1.0244 12.2195C1.0082 12.1475 1 12.0738 1 12C1 11.4477 1.4477 11 2 11Z" stroke="none"/><path d="M4 20L20 20M5 9L5 8C5 7.2131 5.3705 6.4721 6 6C6.6295 5.5279 7 4.7869 7 4L7 3M11 9L11 8C11 7.2131 11.3705 6.4721 12 6C12.6295 5.5279 13 4.7869 13 4L13 3M17 9L17 8C17 7.2131 17.3705 6.4721 18 6C18.6295 5.5279 19 4.7869 19 4L19 3"/></g></svg> </template>
CSS
.icon-soup-sharp-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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2%2011L22%2011C22.5523%2011%2023%2011.4477%2023%2012C23%2012.0738%2022.9918%2012.1475%2022.9756%2012.2195C21.8206%2017.3529%2017.2617%2021%2012%2021C6.7383%2021%202.1794%2017.3529%201.0244%2012.2195C1.0082%2012.1475%201%2012.0738%201%2012C1%2011.4477%201.4477%2011%202%2011Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M4%2020L20%2020M5%209L5%208C5%207.2131%205.3705%206.4721%206%206C6.6295%205.5279%207%204.7869%207%204L7%203M11%209L11%208C11%207.2131%2011.3705%206.4721%2012%206C12.6295%205.5279%2013%204.7869%2013%204L13%203M17%209L17%208C17%207.2131%2017.3705%206.4721%2018%206C18.6295%205.5279%2019%204.7869%2019%204L19%203%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2%2011L22%2011C22.5523%2011%2023%2011.4477%2023%2012C23%2012.0738%2022.9918%2012.1475%2022.9756%2012.2195C21.8206%2017.3529%2017.2617%2021%2012%2021C6.7383%2021%202.1794%2017.3529%201.0244%2012.2195C1.0082%2012.1475%201%2012.0738%201%2012C1%2011.4477%201.4477%2011%202%2011Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M4%2020L20%2020M5%209L5%208C5%207.2131%205.3705%206.4721%206%206C6.6295%205.5279%207%204.7869%207%204L7%203M11%209L11%208C11%207.2131%2011.3705%206.4721%2012%206C12.6295%205.5279%2013%204.7869%2013%204L13%203M17%209L17%208C17%207.2131%2017.3705%206.4721%2018%206C18.6295%205.5279%2019%204.7869%2019%204L19%203%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/soup-sharp-fill.svg?color=%231a73e8&size=48
