Convenience Store icon
emojione:convenience-store
The Convenience Store icon (emojione:convenience-store) is a free SVG icon from the Emoji One (Colored) set by Emoji One. It is drawn on a 64 × 64 grid. Emoji One (Colored) 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
- Emoji One (Colored)
- Author
- Emoji One
- License
- CC-BY-4.0
- Size
- 64 × 64
- Category
- Travel
- Tags
- conveniencestore
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#b2c1c0" d="M63 60H1c-.6 0-1 .5-1 1v2c0 .5.4 1 1 1h62c.5 0 1-.5 1-1v-2c0-.5-.5-1-1-1"/><path fill="#e8e8e8" d="M51 28H13c-3.3 0-6 2.7-6 6v26h50V34c0-3.3-2.7-6-6-6"/><path fill="#ffe62e" d="M33 0H13C9.7 0 7 2.7 7 6v18h32V6c0-3.3-2.7-6-6-6"/><path fill="#b2c1c0" d="M29 24h4v4h-4zm-16 0h4v4h-4z"/><path fill="#ff717f" d="M51 30H13c-2.2 0-4 1.8-4 4v8h46v-8c0-2.2-1.8-4-4-4"/><path fill="#ffe62e" d="M9 34h46v4H9z"/><path fill="#ff717f" d="M33 0H13C9.7 0 7 2.7 7 6v18h32V6c0-3.3-2.7-6-6-6m4 22H9V6c0-2.2 1.8-4 4-4h20c2.2 0 4 1.8 4 4z"/><path fill="#62727a" d="M24 42h16v18H24z"/><path fill="#d6eef0" d="M26 44h12v16H26z"/><path fill="#62727a" d="M31 44h2v16h-2zM9 45h15v2H9zm31 0h15v2H40z"/><path fill="#d6eef0" d="M9 47h15v10H9zm31 0h15v10H40z"/><g fill="#62727a"><path d="M9 55h15v2H9zm31 0h15v2H40z"/><path d="M9 45h2v12H9zm44 0h2v12h-2z"/></g><path fill="#ff717f" d="M30.7 4v6.4h-3.4V4H24v9.6h6.7V20H34V4zm-12 9.6q1.35 0 2.4-.9c.7-.6 1-1.4 1-2.3V7.2c0-.8-.3-1.6-1-2.3c-.7-.6-1.6-.9-2.4-.9H12v3.2h6.7v3.2h-3.3q-1.35 0-2.4.9c-1.05.9-1 1.4-1 2.3V20h10v-3.2h-6.7v-3.2z"/><path fill="#e8e8e8" d="M40 64H24l2-4h12z"/></svg>
How to use the Convenience Store icon
React
import { Icon } from "@iconify/react";
<Icon icon="emojione:convenience-store" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione:convenience-store" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione:convenience-store" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione--convenience-store]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione -->
<div class="i-emojione:convenience-store"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione:convenience-store"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/emojione/convenience-store.svg" alt="Convenience Store icon" width="24" height="24">
Convenience Store icon in other icon sets
Convenience Store icon FAQ
Is the Convenience Store icon free for commercial use?
Yes. Emoji One (Colored) 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 Convenience Store icon in React?
Install @iconify/react and render <Icon icon="emojione:convenience-store" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Convenience Store icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/emojione/convenience-store.svg" alt="Convenience Store icon">, or paste the SVG code inline to style it with CSS.
Browse all Emoji One (Colored) icons →
ICONYZ
