soup can icon

soup-can-outline from IonIcons by Ben Sperry · Outline · MIT Free for personal and commercial use.

Name: soup-can-outline
Set: IonIcons
Style: Outline
Viewbox: 512×512
License: MIT

1 other variant in IonIcons

Use the soup can icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M255.82 144c88.269 0 159.824-28.654 159.824-64S344.089 16 255.82 16C167.552 16 95.997 44.654 95.997 80s71.555 64 159.823 64zm0-110.959c69.729 0 126.26 19.234 126.26 42.959s-56.531 42.959-126.26 42.959c-69.729 0-126.258-19.234-126.258-42.959s56.529-42.959 126.258-42.959z" fill="currentColor"/><path d="M256.57 160c-88.269 0-160.567-28.654-160.567-64 0 0-.003 33.999 7.997 40v240c0 35.346 63.732 64 152 64 88.269 0 152-28.654 152-64V136c8-7.438 7.708-34.853 7.817-40-1.152 34.946-71.701 64-159.247 64zM376 375.588c0 2.232-7.961 10.682-29.423 18.688-23.724 8.85-55.765 13.724-90.304 13.724s-66.83-4.874-90.554-13.725C144.257 386.27 137 377.82 136 375.588v-79.564c18 9.721 42.742 17.115 72.156 20.979l1.588.237c5.743 20.068 24.192 34.76 46.082 34.76s40.338-14.689 46.084-34.754l1.755-.244C333.08 313.139 358 305.744 376 296.023v79.565zm0-111.565c-18 9.831-43.476 17.284-73.325 21.11l-2.61.195C292.791 268.097 275.723 256 255.859 256c-19.867 0-36.919 12.102-44.19 29.34l-2.514-.206c-29.85-3.826-55.155-11.279-73.155-21.11v-91.265C170 185.25 211.923 192 256.499 192 300.665 192 343 185.287 376 173.045v90.978z" fill="currentColor"/><path d="M256.272 464c.293 0 .583-.006.876-.007-.351.001-.699.005-1.051.005l.175.002z" fill="currentColor"/><path d="M408 415.999V400c0 36.001-63.432 64-152 64-88.569 0-152-28.654-152-64v15.999L96.261 432c0 6.994 2.938 13.725 8.117 20.025C125.37 477.562 185.471 496 256.273 496c70.801 0 130.87-18.438 151.863-43.975 5.18-6.301 7.923-13.031 7.923-20.025L408 415.999z" fill="currentColor"/></svg>

React

import type { SVGProps } from "react";

export function IonSoupCanOutline(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M255.82 144c88.269 0 159.824-28.654 159.824-64S344.089 16 255.82 16C167.552 16 95.997 44.654 95.997 80s71.555 64 159.823 64zm0-110.959c69.729 0 126.26 19.234 126.26 42.959s-56.531 42.959-126.26 42.959c-69.729 0-126.258-19.234-126.258-42.959s56.529-42.959 126.258-42.959z" fill="currentColor"/><path d="M256.57 160c-88.269 0-160.567-28.654-160.567-64 0 0-.003 33.999 7.997 40v240c0 35.346 63.732 64 152 64 88.269 0 152-28.654 152-64V136c8-7.438 7.708-34.853 7.817-40-1.152 34.946-71.701 64-159.247 64zM376 375.588c0 2.232-7.961 10.682-29.423 18.688-23.724 8.85-55.765 13.724-90.304 13.724s-66.83-4.874-90.554-13.725C144.257 386.27 137 377.82 136 375.588v-79.564c18 9.721 42.742 17.115 72.156 20.979l1.588.237c5.743 20.068 24.192 34.76 46.082 34.76s40.338-14.689 46.084-34.754l1.755-.244C333.08 313.139 358 305.744 376 296.023v79.565zm0-111.565c-18 9.831-43.476 17.284-73.325 21.11l-2.61.195C292.791 268.097 275.723 256 255.859 256c-19.867 0-36.919 12.102-44.19 29.34l-2.514-.206c-29.85-3.826-55.155-11.279-73.155-21.11v-91.265C170 185.25 211.923 192 256.499 192 300.665 192 343 185.287 376 173.045v90.978z" fill="currentColor"/><path d="M256.272 464c.293 0 .583-.006.876-.007-.351.001-.699.005-1.051.005l.175.002z" fill="currentColor"/><path d="M408 415.999V400c0 36.001-63.432 64-152 64-88.569 0-152-28.654-152-64v15.999L96.261 432c0 6.994 2.938 13.725 8.117 20.025C125.37 477.562 185.471 496 256.273 496c70.801 0 130.87-18.438 151.863-43.975 5.18-6.301 7.923-13.031 7.923-20.025L408 415.999z" fill="currentColor"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M255.82 144c88.269 0 159.824-28.654 159.824-64S344.089 16 255.82 16C167.552 16 95.997 44.654 95.997 80s71.555 64 159.823 64zm0-110.959c69.729 0 126.26 19.234 126.26 42.959s-56.531 42.959-126.26 42.959c-69.729 0-126.258-19.234-126.258-42.959s56.529-42.959 126.258-42.959z" fill="currentColor"/><path d="M256.57 160c-88.269 0-160.567-28.654-160.567-64 0 0-.003 33.999 7.997 40v240c0 35.346 63.732 64 152 64 88.269 0 152-28.654 152-64V136c8-7.438 7.708-34.853 7.817-40-1.152 34.946-71.701 64-159.247 64zM376 375.588c0 2.232-7.961 10.682-29.423 18.688-23.724 8.85-55.765 13.724-90.304 13.724s-66.83-4.874-90.554-13.725C144.257 386.27 137 377.82 136 375.588v-79.564c18 9.721 42.742 17.115 72.156 20.979l1.588.237c5.743 20.068 24.192 34.76 46.082 34.76s40.338-14.689 46.084-34.754l1.755-.244C333.08 313.139 358 305.744 376 296.023v79.565zm0-111.565c-18 9.831-43.476 17.284-73.325 21.11l-2.61.195C292.791 268.097 275.723 256 255.859 256c-19.867 0-36.919 12.102-44.19 29.34l-2.514-.206c-29.85-3.826-55.155-11.279-73.155-21.11v-91.265C170 185.25 211.923 192 256.499 192 300.665 192 343 185.287 376 173.045v90.978z" fill="currentColor"/><path d="M256.272 464c.293 0 .583-.006.876-.007-.351.001-.699.005-1.051.005l.175.002z" fill="currentColor"/><path d="M408 415.999V400c0 36.001-63.432 64-152 64-88.569 0-152-28.654-152-64v15.999L96.261 432c0 6.994 2.938 13.725 8.117 20.025C125.37 477.562 185.471 496 256.273 496c70.801 0 130.87-18.438 151.863-43.975 5.18-6.301 7.923-13.031 7.923-20.025L408 415.999z" fill="currentColor"/></svg>
</template>

CSS

.icon-soup-can-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%22M255.82%20144c88.269%200%20159.824-28.654%20159.824-64S344.089%2016%20255.82%2016C167.552%2016%2095.997%2044.654%2095.997%2080s71.555%2064%20159.823%2064zm0-110.959c69.729%200%20126.26%2019.234%20126.26%2042.959s-56.531%2042.959-126.26%2042.959c-69.729%200-126.258-19.234-126.258-42.959s56.529-42.959%20126.258-42.959z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M256.57%20160c-88.269%200-160.567-28.654-160.567-64%200%200-.003%2033.999%207.997%2040v240c0%2035.346%2063.732%2064%20152%2064%2088.269%200%20152-28.654%20152-64V136c8-7.438%207.708-34.853%207.817-40-1.152%2034.946-71.701%2064-159.247%2064zM376%20375.588c0%202.232-7.961%2010.682-29.423%2018.688-23.724%208.85-55.765%2013.724-90.304%2013.724s-66.83-4.874-90.554-13.725C144.257%20386.27%20137%20377.82%20136%20375.588v-79.564c18%209.721%2042.742%2017.115%2072.156%2020.979l1.588.237c5.743%2020.068%2024.192%2034.76%2046.082%2034.76s40.338-14.689%2046.084-34.754l1.755-.244C333.08%20313.139%20358%20305.744%20376%20296.023v79.565zm0-111.565c-18%209.831-43.476%2017.284-73.325%2021.11l-2.61.195C292.791%20268.097%20275.723%20256%20255.859%20256c-19.867%200-36.919%2012.102-44.19%2029.34l-2.514-.206c-29.85-3.826-55.155-11.279-73.155-21.11v-91.265C170%20185.25%20211.923%20192%20256.499%20192%20300.665%20192%20343%20185.287%20376%20173.045v90.978z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M256.272%20464c.293%200%20.583-.006.876-.007-.351.001-.699.005-1.051.005l.175.002z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M408%20415.999V400c0%2036.001-63.432%2064-152%2064-88.569%200-152-28.654-152-64v15.999L96.261%20432c0%206.994%202.938%2013.725%208.117%2020.025C125.37%20477.562%20185.471%20496%20256.273%20496c70.801%200%20130.87-18.438%20151.863-43.975%205.18-6.301%207.923-13.031%207.923-20.025L408%20415.999z%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%22M255.82%20144c88.269%200%20159.824-28.654%20159.824-64S344.089%2016%20255.82%2016C167.552%2016%2095.997%2044.654%2095.997%2080s71.555%2064%20159.823%2064zm0-110.959c69.729%200%20126.26%2019.234%20126.26%2042.959s-56.531%2042.959-126.26%2042.959c-69.729%200-126.258-19.234-126.258-42.959s56.529-42.959%20126.258-42.959z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M256.57%20160c-88.269%200-160.567-28.654-160.567-64%200%200-.003%2033.999%207.997%2040v240c0%2035.346%2063.732%2064%20152%2064%2088.269%200%20152-28.654%20152-64V136c8-7.438%207.708-34.853%207.817-40-1.152%2034.946-71.701%2064-159.247%2064zM376%20375.588c0%202.232-7.961%2010.682-29.423%2018.688-23.724%208.85-55.765%2013.724-90.304%2013.724s-66.83-4.874-90.554-13.725C144.257%20386.27%20137%20377.82%20136%20375.588v-79.564c18%209.721%2042.742%2017.115%2072.156%2020.979l1.588.237c5.743%2020.068%2024.192%2034.76%2046.082%2034.76s40.338-14.689%2046.084-34.754l1.755-.244C333.08%20313.139%20358%20305.744%20376%20296.023v79.565zm0-111.565c-18%209.831-43.476%2017.284-73.325%2021.11l-2.61.195C292.791%20268.097%20275.723%20256%20255.859%20256c-19.867%200-36.919%2012.102-44.19%2029.34l-2.514-.206c-29.85-3.826-55.155-11.279-73.155-21.11v-91.265C170%20185.25%20211.923%20192%20256.499%20192%20300.665%20192%20343%20185.287%20376%20173.045v90.978z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M256.272%20464c.293%200%20.583-.006.876-.007-.351.001-.699.005-1.051.005l.175.002z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M408%20415.999V400c0%2036.001-63.432%2064-152%2064-88.569%200-152-28.654-152-64v15.999L96.261%20432c0%206.994%202.938%2013.725%208.117%2020.025C125.37%20477.562%20185.471%20496%20256.273%20496c70.801%200%20130.87-18.438%20151.863-43.975%205.18-6.301%207.923-13.031%207.923-20.025L408%20415.999z%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/soup-can-outline.svg?color=%231a73e8&size=48