canned fruit icon
canned-fruit from IconPark by ByteDance · Color · Foods · Apache-2.0 Free for personal and commercial use.
- Name
- canned-fruit
- Set
- IconPark
- Style
- Color
- Category
- Foods
- Viewbox
- 48×48
- License
- Apache 2.0
The same icon in other sets
More foods icons from IconPark
Use the canned fruit icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-width="4"><path stroke-linecap="round" d="M15 24C15 24 14.5 27 16 33"/><path stroke-linecap="round" stroke-linejoin="round" d="M37.5666 12C38.7278 14.8106 40 18.6419 40 21.9375C40 25.8154 38.6546 33.3501 37.6851 38.2768C37.1408 41.0424 34.7033 43 31.8847 43H16.0422C13.257 43 10.8392 41.0861 10.2804 38.3575C9.31371 33.6374 8 26.4016 8 21.9375C8 18.2592 9.44361 14.6318 10.8271 12"/><path fill="#2F88FF" d="M11.5868 6.45675C11.7711 6.17196 12.0872 6 12.4264 6H35.5736C35.9128 6 36.2289 6.17196 36.4132 6.45675L39.0014 10.4567C39.432 11.1221 38.9544 12 38.1619 12H9.83814C9.04564 12 8.56805 11.1221 8.99857 10.4567L11.5868 6.45675Z"/></g></svg>
React
import type { SVGProps } from "react";
export function IconParkCannedFruit(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="#000" strokeWidth="4"><path strokeLinecap="round" d="M15 24C15 24 14.5 27 16 33"/><path strokeLinecap="round" strokeLinejoin="round" d="M37.5666 12C38.7278 14.8106 40 18.6419 40 21.9375C40 25.8154 38.6546 33.3501 37.6851 38.2768C37.1408 41.0424 34.7033 43 31.8847 43H16.0422C13.257 43 10.8392 41.0861 10.2804 38.3575C9.31371 33.6374 8 26.4016 8 21.9375C8 18.2592 9.44361 14.6318 10.8271 12"/><path fill="#2F88FF" d="M11.5868 6.45675C11.7711 6.17196 12.0872 6 12.4264 6H35.5736C35.9128 6 36.2289 6.17196 36.4132 6.45675L39.0014 10.4567C39.432 11.1221 38.9544 12 38.1619 12H9.83814C9.04564 12 8.56805 11.1221 8.99857 10.4567L11.5868 6.45675Z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-width="4"><path stroke-linecap="round" d="M15 24C15 24 14.5 27 16 33"/><path stroke-linecap="round" stroke-linejoin="round" d="M37.5666 12C38.7278 14.8106 40 18.6419 40 21.9375C40 25.8154 38.6546 33.3501 37.6851 38.2768C37.1408 41.0424 34.7033 43 31.8847 43H16.0422C13.257 43 10.8392 41.0861 10.2804 38.3575C9.31371 33.6374 8 26.4016 8 21.9375C8 18.2592 9.44361 14.6318 10.8271 12"/><path fill="#2F88FF" d="M11.5868 6.45675C11.7711 6.17196 12.0872 6 12.4264 6H35.5736C35.9128 6 36.2289 6.17196 36.4132 6.45675L39.0014 10.4567C39.432 11.1221 38.9544 12 38.1619 12H9.83814C9.04564 12 8.56805 11.1221 8.99857 10.4567L11.5868 6.45675Z"/></g></svg> </template>
CSS
.icon-canned-fruit {
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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M15%2024C15%2024%2014.5%2027%2016%2033%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M37.5666%2012C38.7278%2014.8106%2040%2018.6419%2040%2021.9375C40%2025.8154%2038.6546%2033.3501%2037.6851%2038.2768C37.1408%2041.0424%2034.7033%2043%2031.8847%2043H16.0422C13.257%2043%2010.8392%2041.0861%2010.2804%2038.3575C9.31371%2033.6374%208%2026.4016%208%2021.9375C8%2018.2592%209.44361%2014.6318%2010.8271%2012%22%2F%3E%3Cpath%20fill%3D%22%232F88FF%22%20d%3D%22M11.5868%206.45675C11.7711%206.17196%2012.0872%206%2012.4264%206H35.5736C35.9128%206%2036.2289%206.17196%2036.4132%206.45675L39.0014%2010.4567C39.432%2011.1221%2038.9544%2012%2038.1619%2012H9.83814C9.04564%2012%208.56805%2011.1221%208.99857%2010.4567L11.5868%206.45675Z%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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M15%2024C15%2024%2014.5%2027%2016%2033%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M37.5666%2012C38.7278%2014.8106%2040%2018.6419%2040%2021.9375C40%2025.8154%2038.6546%2033.3501%2037.6851%2038.2768C37.1408%2041.0424%2034.7033%2043%2031.8847%2043H16.0422C13.257%2043%2010.8392%2041.0861%2010.2804%2038.3575C9.31371%2033.6374%208%2026.4016%208%2021.9375C8%2018.2592%209.44361%2014.6318%2010.8271%2012%22%2F%3E%3Cpath%20fill%3D%22%232F88FF%22%20d%3D%22M11.5868%206.45675C11.7711%206.17196%2012.0872%206%2012.4264%206H35.5736C35.9128%206%2036.2289%206.17196%2036.4132%206.45675L39.0014%2010.4567C39.432%2011.1221%2038.9544%2012%2038.1619%2012H9.83814C9.04564%2012%208.56805%2011.1221%208.99857%2010.4567L11.5868%206.45675Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/icon-park/canned-fruit.svg?color=%231a73e8&size=48
