ICONYZ
English
Cannery icon from selfh.st/icons

Cannery icon

selfhst:cannery

The Cannery icon (selfhst:cannery) is a free SVG icon from the selfh.st/icons set by selfh.st. It is drawn on a 512 × 512 grid. selfh.st/icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
selfh.st/icons
Author
selfh.st
License
CC-BY-4.0
Size
512 × 512
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#d3ab5f" d="M174 392.8s61.5 94.2 145.8 117.1c0 0 26.3 5.3 51.6-8c26.3-11 40.1-35.2 40.1-35.2c40.2-81.5 14.9-192.7 14.9-192.7"/><path fill="#564f4b" d="m82.6 169.1l82.6 226.3s209 30.8 268.9-117.2L356.9 63.8s-75 114.4-274.3 105.3"/><path fill="#27201e" d="M82.6 169.1s-14-35.6 119.3-84.2s155-21.1 155-21.1s-73.4 115-274.3 105.3"/><path d="M436.6 277.3L359.7 63.9l.2-.3l-.6-.7c-.2-.6-.7-1.1-1.2-1.4c-4.6-4.3-34.2-23.8-157 21c-84.9 31-111.6 57-118.9 73.4c-3 6.7-2.5 11.2-2.1 13.1c0 .3 0 .6.1.9l82.6 226.3c.3.9 1.1 1.5 2 1.7c.2 0 4.6.7 12.3 1.3c6.2 8.6 19.3 25.9 37.4 44.4c23.7 24.2 61.2 55.5 105 67.5c.1 0 5.3 1 13.3 1c10.2 0 24.8-1.6 38.9-9.1c26.3-11 40.5-35.4 40.7-35.7c20.8-42.3 23.8-92.7 22.6-127.4c-.7-19.3-2.6-36-4.4-47.8c2.1-4.2 4-8.5 5.8-12.8c.4-.8.4-1.4.2-2M202.8 87.1c111.7-40.7 144-27.4 150.7-23c-4.8 6.6-24 30.7-60.7 53.7c-39.3 24.6-107.2 53-208.2 48.7c-.2-7.3 5.9-38.5 118.2-79.4M86.3 171.8c14.4.6 28.6.5 42.4-.3c28.9-1.4 56.4-5.6 82.1-12.5c31.3-8.4 60.1-20.8 85.6-36.9c27.8-17.6 45.3-35.5 54.5-46.5c2.2-2.6 3.9-4.8 5.2-6.5l20.3 56.2c-46.2 58.8-116.9 83.8-168.3 94.4c-50 10.3-91.8 9.4-100.9 9.1zm22.2 60.7c2.2.1 5.4.1 9.5.1c17.7 0 51.7-1.3 90.7-9.3c33.3-6.9 63.7-17.3 90.3-30.9c32-16.4 58.5-37.6 78.8-63l35.8 99.4c-40 69.2-110.2 96.9-162.1 108c-49.5 10.6-92.1 8.4-102.2 7.7zM433 339.9c1.2 34.5-1.8 84.5-22.4 126.3c-.1.2-14 24.1-39.7 34.8c-24.7 12.9-50.7 7.9-50.9 7.9c-43.3-11.8-80.4-42.9-104-66.8c-17.1-17.4-29.7-33.8-36.2-42.7c7.8.6 18.2 1.1 30.5 1.1c19.1 0 42.7-1.3 67.3-5.8c35-6.3 65.5-17.7 90.6-33.7c26.4-16.9 46.8-39 60.9-65.9c1.6 11.6 3.3 27.1 3.9 44.8m-254.6 59.4q.15 0 0 0q.15 0 0 0m98.5-9.6c-53.1 9.6-100.8 4.4-109.8 3.3l-16.4-44.9c4 .3 10.8.6 19.8.6c19.5 0 49.1-1.5 81.7-8.4c33.5-7.1 63.5-18.6 89.1-33.9c31.2-18.7 56-43.3 73.9-73.2l16.2 45c-30.7 74.5-100.9 101.7-154.5 111.5"/><path d="M209.8 263c10.6 0 19.2 8.6 19.2 19.2s-8.6 19.2-19.2 19.2s-19.2-8.6-19.2-19.2s8.6-19.2 19.2-19.2m135-46.4c10.6 0 19.2 8.6 19.2 19.2s-8.6 19.2-19.2 19.2s-19.2-8.6-19.2-19.2s8.6-19.2 19.2-19.2m-67.6 69.8c4.1-1 6.9-5.2 8.5-12.9c3.4 2.4 9.1 5.5 13.8 3.3c4.4-2.1 6.3-8.1 5.8-18.2l-4.1.2c.4 8-.8 13.1-3.4 14.3c-3.6 1.7-10.1-3.1-12.1-4.9l-2.8-2.6l-.6 3.8c-1.1 7.7-3.2 12.2-6 12.9c-4.1 1-10.1-5.9-11.9-8.4l-3.3 2.4c.8 1.1 7.5 10.2 14.4 10.2c.5.1 1.1 0 1.7-.1m53.2-78.8l-4.1-2.6l-12.4 20l4.1 2.6zm-102.6 46.6l-24.8-5.4l-1 4.8l24.8 5.4z"/><ellipse cx="204.1" cy="86.2" fill="#453e3b" rx="144.2" ry="46.1" transform="rotate(-30.672 204.125 86.176)"/><path d="M105.9 172.3c-5.3 0-10-.5-14-1.6c-6.8-1.8-11.6-5.2-14.3-10c-13.3-23.8 31.7-75.1 102.6-116.9C235 11.4 289.7-5.5 316.2 1.7c6.8 1.8 11.6 5.2 14.3 10c13.3 23.8-31.7 75.1-102.6 116.9c-46.4 27.4-92.8 43.7-122 43.7M181.6 46l1.3 2.2c-66.2 39-112.3 89.4-100.7 110c2 3.5 5.7 6.1 11.2 7.5c3.6 1 7.8 1.4 12.6 1.4c28 0 74.3-16.4 119.5-43c66.2-39 112.3-89.4 100.7-110c-2-3.5-5.7-6.1-11.2-7.5C290.1-.1 235.8 17 182.9 48.2zm-68.1 104.8c-3 0-5.5-.3-7.7-.9c-3.6-1-6.1-2.7-7.5-5.2c-9.6-17 37.6-58.3 88.9-88.4c47.7-28 93.8-44.1 112-39.2c3.6 1 6.1 2.7 7.5 5.2c9.6 17-37.6 58.3-88.9 88.4c-41.9 24.7-82.6 40.1-104.3 40.1m74.4-93l.8 1.4c-60.7 35.6-94.3 72.2-87.7 84c1 1.7 2.8 3 5.5 3.7c2 .5 4.3.8 6.9.8c20.7 0 61.6-15.6 102.6-39.7c60.7-35.6 94.3-72.2 87.7-84c-1-1.7-2.8-3-5.5-3.7C281.1 15.6 235 32 188.8 59.2zm-64.1 76q-1.8 0-3-.3c-1.4-.4-2.3-1-2.8-2c-5.1-9.2 33.9-39.7 74.5-63.9l.3.5l-.3-.5c40.3-24.1 77.3-39.4 87.9-36.6c1.4.4 2.3 1 2.8 2c5.1 9.2-33.9 39.7-74.5 63.9c-37.1 22.1-71.4 36.9-84.9 36.9m153.4-102c-13.1 0-47.8 15-84.2 36.8c-48.8 29.1-77.7 55.7-74 62.3c.4.6 1.1 1.1 2.1 1.4c.8.2 1.7.3 2.8.3c13.1 0 47.8-15 84.2-36.8c48.8-29.1 77.7-55.7 74-62.3c-.4-.6-1.1-1.1-2.1-1.4c-.8-.2-1.7-.3-2.8-.3"/><path fill="#e3dbdb" d="M209.3 276q.15 2.25-1.5 4.2c-1.4 2.2-4.2 3.5-7 3.3c-2.3-.1-4.1-1.3-5.1-3.1c-.2-2.1.7-4.5 2.6-6.7c2-2.3 4.8-3.8 7.3-3.9c1.3 1.2 3.5 3.5 3.7 6.2m130.2-52.1c-2.5.1-5.3 1.6-7.3 3.9c-1.9 2.1-2.8 4.5-2.6 6.7c.9 1.9 2.8 3 5.1 3.1c2.8.2 5.6-1.2 7-3.3q1.65-1.95 1.5-4.2c-.2-2.7-2.3-5-3.7-6.2m-121.7 71.4h.1c3.2-.5 5-2.1 5.4-4.7c0-1-.4-1.8-1-2.4c-.8-.7-1.9-.9-2.9-.9h-.8c-.6.2-1.2.6-1.8 1.3c-1.5 1.4-1.6 4.9-.7 6.3c.4.6.9.7 1.7.4m136-47.5h.1c3.2-.5 5-2.1 5.4-4.7c0-1-.4-1.8-1-2.4c-.8-.7-1.9-.9-2.9-.9h-.8c-.6.2-1.2.6-1.8 1.3c-1.5 1.4-1.6 4.9-.7 6.3c.5.6 1 .7 1.7.4"/><path fill="#a77b49" d="M232.7 401.9c21.1 38.6 68.5 67.4 98.3 80.7c11 4.4 28.2 8.4 40 9.3c14.4 1-16.5 12.5-29.3 13.5c-34.7.9-66-20.3-95.7-43c-19-15.1-47.1-45.6-57.9-60.5"/><path fill="#ac9d93" d="M336 99.9c-4.2 5.1-13.3 10.3-6.3 17.5c3.5 10.2 7.2 20.3 11.2 30.3c4.4 11.7 13.7-1.6 8-8.3c-2-6.5-3.9-13.4-6.6-19.9c-2.4-6.4-2.9-13.5-6.3-19.6m22 57.8c-4.2 5.1-13.3 10.3-6.3 17.5c3.5 10.2 25.6 67.2 29.5 77.3c4.4 11.7 11-3.2 5.3-9.9c-2-6.5-19.6-58.8-22.2-65.2c-2.4-6.5-2.9-13.5-6.3-19.7"/><path fill="#453e3b" d="M133.9 173.9c5.6 13.8 10.4 28.1 16.9 41.5c7.1 5.4-2.7 11.6-8.6 9.8c-9.6.2-19.2 3.2-28.8 2c-8.8-1-7.5-10.3-9.1-16.6c-2.4-8.4-5.9-16.5-9.3-24.5c-5.7-6.4.6-12 7.7-10.5c8.4.5 17 3.4 25.3.3c2-.6 4-1.2 5.9-2m22.1 59.4c5.6 13.8 31.4 83.7 37.9 97.2c7.1 5.4-2.7 11.6-8.6 9.8c-9.6.2-19.2 3.2-28.8 2c-8.8-1-28.6-65.9-30.2-72.2c-2.4-8.4-5.9-16.5-9.3-24.5c-5.7-6.4.6-12 7.7-10.5c8.4.5 17 3.4 25.3.3c2.1-.7 4.1-1.3 6-2.1M200.3 351c5.6 13.8 5.5 15.1 12 28.6c7.1 5.4-2.7 14.3-8.6 12.5c-9.6.2-19.2.5-28.8-.7c-8.8-1-7.5-10.3-9.1-16.6c-2.4-8.4-1-3.5-4.4-11.6c-5.7-6.4.6-12 7.7-10.5c8.4.5 17 3.4 25.3.3c2-.6 4-1.2 5.9-2"/><path fill="#6e625a" d="M281.3 67.6c-31 29-68.9 49.4-106.1 69.2c17.7-3.8 33.4-15.6 50.1-22.9c20.2-10.9 40.7-23.3 55.3-41.2l.7-2.4zm-21-1.5c-24.7 22.1-54.8 37.6-84.3 52.8c14.1-2.9 26.5-11.9 39.8-17.5c16.1-8.3 32.3-17.7 44-31.4l.6-1.8z"/><path fill="#fea" d="M412.3 341c-8.7 0-5.7 14.2-5.7 21.6c1.2 5.9-2.1 21.2 7.9 16.7c5.9-6.7 4.9-16.8 5.1-24.9c-.5-4.7-2.4-13.4-7.3-13.4m.4 50.8c-8.7 0-7.6 10.7-7.6 18.2c.8 20.8-9 48.7-2 47.3c5.9-6.7 13.7-44.7 13.8-52.8c-.5-4.8.7-12.7-4.2-12.7"/></svg>

How to use the Cannery icon

React

import { Icon } from "@iconify/react";

<Icon icon="selfhst:cannery" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="selfhst:cannery" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="selfhst:cannery" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--cannery]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:cannery"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="selfhst:cannery"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/selfhst/cannery.svg" alt="Cannery icon" width="24" height="24">

Cannery icon FAQ

Is the Cannery icon free for commercial use?

Yes. selfh.st/icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Cannery icon in React?

Install @iconify/react and render <Icon icon="selfhst:cannery" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Cannery icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/selfhst/cannery.svg" alt="Cannery icon">, or paste the SVG code inline to style it with CSS.

Browse all selfh.st/icons →