Sobeys icon
cbi:sobeys
The Sobeys icon (cbi:sobeys) is a free SVG icon from the Custom Brand Icons set by Emanuele & rchiileea. It is drawn on a 24 × 24 grid. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Custom Brand Icons
- Author
- Emanuele & rchiileea
- License
- CC-BY-NC-SA-4.0
- Size
- 24 × 24
- Tags
- sobey
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16.658 12.44h-1.03l-.1.24a.9.9 0 0 1-.266.372a.85.85 0 0 1-.548.159a.9.9 0 0 1-.62-.243l2.455-1.035l-.149-.373a1.87 1.87 0 0 0-1.723-1.221a1.91 1.91 0 0 0-1.854 1.955a1.95 1.95 0 0 0 .552 1.373a1.86 1.86 0 0 0 1.336.56h.005a1.76 1.76 0 0 0 1.752-1.247Zm-1.98-1.1a.8.8 0 0 1 .4.11l-1.213.508a.88.88 0 0 1 .813-.615Zm-8.407-1.213c.119-.032.252.021.359-.011l-.011-1.041c.074-.195-.146-.146-.25-.164a2.68 2.68 0 0 0-2.422 1.6c-.338.559-.046 1.325-.46 1.854A1.58 1.58 0 0 1 2 12.979v.94c.029.077-.018.191.043.26a2.71 2.71 0 0 0 2.648-1.449c.422-.56.113-1.4.514-1.97a1.42 1.42 0 0 1 1.066-.633m5.498.643a2.05 2.05 0 0 0-1.721-.091a9.5 9.5 0 0 1-.022-1.3l-.033-.059l-1.047.023l.014 3.165a1.82 1.82 0 0 0 .972 1.439a1.97 1.97 0 0 0 1.93-.1a1.84 1.84 0 0 0 .827-1.6a1.87 1.87 0 0 0-.92-1.477m-.2 1.75a.8.8 0 0 1-.6.566a.84.84 0 0 1-.782-.26a.743.743 0 0 1 .275-1.18a.84.84 0 0 1 .865.108a.79.79 0 0 1 .245.766Zm-3.925-1.836a1.93 1.93 0 0 0-1.738.189a1.8 1.8 0 0 0-.766 1.2a1.79 1.79 0 0 0 .9 1.839a1.95 1.95 0 0 0 1.82.021a1.8 1.8 0 0 0 .949-1.758a1.83 1.83 0 0 0-1.165-1.491m-.112 2.208a.791.791 0 0 1-1.34-.445a.72.72 0 0 1 .158-.561a.81.81 0 0 1 .861-.257a.76.76 0 0 1 .476.414a.77.77 0 0 1-.155.849m12.678-2.356l-1.2-.007l-.052.04c-.338.531-.611 1.1-.978 1.606c-.27-.537-.472-1.1-.737-1.639a10 10 0 0 0-1.2.023c.414.929.863 1.845 1.277 2.772l-.989 1.688l-.012.07h1.2L19.959 11Zm1.767-.049l-.38-.015a1.9 1.9 0 0 0-1.5 1.033c-.232.336-.123.8-.275 1.172a.92.92 0 0 1-.944.409c0 .35 0 .676.024 1.018a1.88 1.88 0 0 0 1.252-.273a2.04 2.04 0 0 0 .865-1.757a.8.8 0 0 1 .578-.542A3 3 0 0 1 22 11.5Z"/></svg>How to use the Sobeys icon
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:sobeys" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:sobeys" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:sobeys" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--sobeys]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:sobeys"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:sobeys"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/cbi/sobeys.svg" alt="Sobeys icon" width="24" height="24">Sobeys icon FAQ
Is the Sobeys icon free for commercial use?
No. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author.
How do I use the Sobeys icon in React?
Install @iconify/react and render <Icon icon="cbi:sobeys" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Sobeys icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/sobeys.svg" alt="Sobeys icon">, or paste the SVG code inline to style it with CSS.