Spicebottle icon

cbi:spicebottle

The Spicebottle icon (cbi:spicebottle) 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

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M17.311 13.008a28 28 0 0 1-1.048-2.687c-.161-.479-.18-.585-.133-.599a1.3 1.3 0 0 0 .253-.218a.84.84 0 0 0 .2-1.018a.94.94 0 0 0-.846-.566h-.148v-.344c0-.331 0-.342.109-.405a1.1 1.1 0 0 0 .425-.515c.063-.172.1-.207.32-.327a1.34 1.34 0 0 0 .624-.628a1.06 1.06 0 0 0 .1-.558V4.8h.128a.33.33 0 0 0 .321-.311a.35.35 0 0 0-.266-.313c-.07 0-.074-.023-.059-.421c.024-.499-.015-.674-.199-.893c-.399-.464-1.408-.721-3.26-.83c-.748-.043-3.961-.043-4.562 0a3.5 3.5 0 0 0-2.308.733c-.233.261-.28.441-.257.978c.02.406.016.429-.055.429c-.117 0-.264.176-.264.313a.325.325 0 0 0 .323.311h.13l-.02.211a1.35 1.35 0 0 0 .371 1.044a3 3 0 0 0 .362.258c.223.132.262.179.323.343a1.1 1.1 0 0 0 .429.515c.1.063.106.074.106.405v.343h-.14a.86.86 0 0 0-.659.292a.86.86 0 0 0-.246.932a1.4 1.4 0 0 0 .479.554c.074.043.07.067-.167.78a28 28 0 0 1-1.08 2.725a6.13 6.13 0 0 0-.827 3.452a5.5 5.5 0 0 0 .499 2.44a2.6 2.6 0 0 0 1.228 1.263a.78.78 0 0 1 .386.359a2.86 2.86 0 0 0 1.435 1.144l.299.1h2.375a11 11 0 0 0 2.643-.082a2.9 2.9 0 0 0 1.474-1.158a1.3 1.3 0 0 1 .223-.281a2.8 2.8 0 0 0 .898-.627a4.42 4.42 0 0 0 .997-3.154c.039-1.338-.058-1.736-.916-3.646m-1.59-4.464a.3.3 0 0 1 .233.099a.307.307 0 0 1-.233.527h-.132v-.626ZM7.318 3.619c0-.393.051-.479.371-.628a5.6 5.6 0 0 1 1.814-.351c.1-.007 1.165-.007 2.377 0c1.682.012 2.328.028 2.73.075a4.4 4.4 0 0 1 1.926.499c.141.112.141.116.141.405s-.039.425-.152.511c-.047.038-1.077.046-4.519.05H7.544l-.113-.112c-.105-.114-.113-.137-.113-.449m.565 2.164a.76.76 0 0 1-.358-.319a.47.47 0 0 1 .007-.57l.094-.1h8.741l.094.1a.48.48 0 0 1 .012.566a.7.7 0 0 1-.343.319a1.05 1.05 0 0 0-.566.581c-.113.335.184.308-3.567.308a25 25 0 0 1-3.415-.059a.65.65 0 0 1-.165-.284c-.097-.266-.17-.334-.534-.542m4.114 3.384H9.034v-.623h5.927v.623Zm2.964.624v.37c0 .343-.008.382-.1.468l-.094.1H9.224l-.092-.1c-.09-.086-.1-.125-.1-.468v-.37h5.927Zm-2.964-1.872H9.034v-.311h5.927v.311Zm-3.724.625h.132v.623h-.132a.312.312 0 1 1 0-.623m-1.13 4.971a35 35 0 0 0 1.08-2.679l.167-.499l.027.167a1.3 1.3 0 0 0 .09.313a1.14 1.14 0 0 0 .558.483c.112.034.916.046 2.94.046c3.173 0 3.025.016 3.318-.311a.95.95 0 0 0 .265-.609c0-.069.082.117.207.472a34 34 0 0 0 1.044 2.595c.227.499.448 1.021.499 1.15a2.5 2.5 0 0 1 .215 1.112a6 6 0 0 1-1.029-.781a1 1 0 0 1 .062-.178a.63.63 0 0 0-.086-.644c-.137-.145-.241-.191-.698-.299l-.352-.086l-.39-.382a2.6 2.6 0 0 0-.978-.71a1.37 1.37 0 0 0-1.283.277a4 4 0 0 1-.363.199c-.019.008-.117-.099-.217-.229a1.11 1.11 0 0 0-.983-.534a.86.86 0 0 0-.511.44l-.113.192a2.4 2.4 0 0 1-.355-.086a3.6 3.6 0 0 0-1.084-.18a.97.97 0 0 0-.557.137c-.399.2-.792.585-2.005 1.949a7 7 0 0 1 .532-1.325m4.191 5.945a1.3 1.3 0 0 0-.343-.233a2.36 2.36 0 0 1-1.217-1.31a2.1 2.1 0 0 1-.054-.866c.027-.1-.028-.113.718.148c.288.1.748.277 1.02.393l.499.211l-.024.234a2.34 2.34 0 0 0 .952 1.836l.242.207l-.223.028a7.4 7.4 0 0 1-1.582-.09c-.325-.059-.344-.067-.219-.094a.315.315 0 0 0 .231-.463Zm.414-4.152a7 7 0 0 1 .58.132l.234.075h-.389a2.03 2.03 0 0 0-1.451.484a1.6 1.6 0 0 0-.273.331c-.054.094-.121.16-.144.153a55 55 0 0 0-1.482-.429l-.347-.085l.2-.145a3.1 3.1 0 0 1 1.43-.514a6.5 6.5 0 0 1 1.642-.002m-.488-2.164l.117-.16l.117.086a1.3 1.3 0 0 1 .238.246a2.9 2.9 0 0 1 .499 1.274c.008.125 0 .168-.039.161c-.16-.036-.823-.125-.928-.125s-.129-.02-.168-.129a1.7 1.7 0 0 1 .164-1.353m-2.639 3.51c.257.065.471.116.475.116s0 .2-.011.436a2.63 2.63 0 0 0 1.578 2.555c.312.183.27.187-.129.023a3.96 3.96 0 0 1-2.377-2.019a2.7 2.7 0 0 1-.063-1.065a1 1 0 0 1 .055-.163Zm2.667.199l-.339-.129l.065-.116a1.1 1.1 0 0 1 .612-.399a2.1 2.1 0 0 1 .757-.043c.51.02.522.02.612-.07a.32.32 0 0 0 .094-.215c0-.062.012-.116.023-.116a2 2 0 0 1 .265.143a7.3 7.3 0 0 1 1.034.781l.245.226l-.324.007a2.1 2.1 0 0 0-1.321.499l-.164.129l-.608-.282a14 14 0 0 0-.951-.42Zm1.738-3.31c.613-.371.733-.387 1.107-.136l.223.147l-.2.035a4 4 0 0 0-1.141.321l-.247.128l-.038-.093c-.058-.177-.034-.208.296-.407Zm1.517 2.426l-.172-.141a6.2 6.2 0 0 0-1.427-.826c-.109-.035-.113-.078-.011-.238a1.46 1.46 0 0 1 .998-.507a1.8 1.8 0 0 1 .916.02a11 11 0 0 1 1.146.28c.078.082-.951 1.143-1.279 1.314Zm-8.149.699l-.019-.585l.351-.421a12 12 0 0 1 2.163-2.226a1.37 1.37 0 0 1 .733-.024c.117.024.336.078.487.121l.282.081l.019.418a4 4 0 0 0 .047.499c.024.074.012.086-.1.105a4.7 4.7 0 0 0-1.825.531a2.5 2.5 0 0 0-.671.577l-.058.089l-.367-.062a6 6 0 0 0-.456-.058a.34.34 0 0 0-.281.304c0 .207.106.284.468.342a2 2 0 0 1 .339.071a.4.4 0 0 1-.023.168a2.9 2.9 0 0 0 .035 1.157a2.7 2.7 0 0 0 .798 1.334a4.8 4.8 0 0 0 1.357.975a1.6 1.6 0 0 1 .355.211c-.023 0-.234-.02-.467-.043c-2.313-.222-3.074-1.076-3.167-3.564m8.297 4.515l-.253.129H9.557l-.254-.129c-.265-.132-.663-.456-.523-.421c.043.012.219.039.39.063a31 31 0 0 0 6.044-.063c.14-.035-.257.289-.523.421m.757-1.278a92 92 0 0 1-2.067.179c-.008 0 .027-.043.078-.1c.184-.179.141-.281-.284-.71a1.75 1.75 0 0 1-.62-1.01l-.024-.183l.386.207a16 16 0 0 1 2.055 1.333c.226.176.378.192.514.051s.133-.312-.058-.484a16 16 0 0 0-1.509-1.045a2 2 0 0 1-.429-.299a1.6 1.6 0 0 1 .643-.292a1.4 1.4 0 0 1 .484.008c.25.038.277.038.375-.039l.104-.078l.067.082c.039.047.164.226.277.399a3.6 3.6 0 0 1 .69 1.496c0 .267-.215.418-.682.485m2.148-2.983a7.6 7.6 0 0 1-.227 1.408a3.1 3.1 0 0 1-.499.951l-.108.105l-.028-.155a6.4 6.4 0 0 0-1.489-2.574l-.211-.23l.207-.152c.109-.085.35-.299.534-.472s.335-.316.343-.32s.121.094.253.207a11 11 0 0 0 1.135.784l.113.07Z"/></svg>

How to use the Spicebottle icon

React

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

<Icon icon="cbi:spicebottle" width="24" />

Vue

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

<template>
  <Icon icon="cbi:spicebottle" width="24" />
</template>

Svelte

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

<Icon icon="cbi:spicebottle" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="cbi:spicebottle"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/cbi/spicebottle.svg" alt="Spicebottle icon" width="24" height="24">

Spicebottle icon FAQ

Is the Spicebottle 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 Spicebottle icon in React?

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

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

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

Browse all Custom Brand Icons →