Guacamole icon

cbi:guacamole

The Guacamole icon (cbi:guacamole) 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="M12.288 17.066h-.072c-.624 0-1.255-.021-1.611-.063a13 13 0 0 1-3.626-.958a6.85 6.85 0 0 0 3.984 1.712c.23.028.459.056.513.065s.163.008.319.009c.637 0 1.695-.034 1.867-.062a7.05 7.05 0 0 0 3.21-1.281c.1-.071.23-.189.37-.317a13.6 13.6 0 0 1-3.323.828a16 16 0 0 1-1.631.067m.021-3.673h-.011c-.303 0-.605 0-.907-.014a11 11 0 0 1-1.765-.181a7.75 7.75 0 0 1-4.114-1.82a2.25 2.25 0 0 1-.783-1.712a1.8 1.8 0 0 1 .051-.425a1.4 1.4 0 0 0-.135.264a2.9 2.9 0 0 0 .056 1.511a3 3 0 0 1 .184.86c.066.565.07.569.318.779a11.3 11.3 0 0 0 5.549 2.05c.25.026.539.052.641.059c.079 0 .212.006.363.006c.567 0 1.372-.03 1.658-.063a12.2 12.2 0 0 0 5.251-1.746a2.4 2.4 0 0 0 .561-.458c0-.02.062-.253.121-.551c.062-.319.144-.684.178-.805a4 4 0 0 0 .114-1.007a1.6 1.6 0 0 0-.09-.66a2.4 2.4 0 0 1-.048.736c-.351 1.349-2.094 2.457-4.662 2.966a13.7 13.7 0 0 1-2.401.227h-.132ZM11.117 2.049a11 11 0 0 1-.47.073a9.5 9.5 0 0 0-3.009.938a9.84 9.84 0 0 0-4.506 4.51a9.4 9.4 0 0 0-.938 3.009a9 9 0 0 1-.075.479c0 .019-.008.04-.011.054a7 7 0 0 0-.035.858v.071a7 7 0 0 0 .035.855c0 .012.007.033.01.051c.022.108.053.303.076.481a9.4 9.4 0 0 0 .938 3.004a9.95 9.95 0 0 0 6.513 5.253a12 12 0 0 0 1.573.272c.101.011.201.023.29.031c.113.008.284.012.467.012a7 7 0 0 0 .861-.046c.08-.016.31-.051.515-.077a9.5 9.5 0 0 0 3.009-.94a9.84 9.84 0 0 0 4.508-4.505a9.5 9.5 0 0 0 .938-3.009c.023-.178.054-.373.076-.481c0-.018.007-.039.01-.051a7 7 0 0 0 .035-.854v-.073a7 7 0 0 0-.035-.857c0-.014-.007-.035-.011-.053a9 9 0 0 1-.075-.48a9.5 9.5 0 0 0-.938-3.004a9.85 9.85 0 0 0-4.506-4.506a9.5 9.5 0 0 0-3.009-.942c-.171-.022-.36-.053-.47-.073l-.063-.013a7 7 0 0 0-.82-.035a7 7 0 0 0-.821.035Zm7.298 13.98a9 9 0 0 1-1.17 1.125a7.7 7.7 0 0 1-3.524 1.41c-.228.037-1.32.07-2.009.07h-.143c-.259 0-.462 0-.539-.016l-.504-.061a6.95 6.95 0 0 1-5.539-3.368c-.1-.185-.228-.413-.04-.618a.34.34 0 0 1 .289-.116a.3.3 0 0 1 .055 0c.182-.033.366.101.544.239a9 9 0 0 0 1.2.69a12.2 12.2 0 0 0 3.596.97c.302.038.866.057 1.434.059s1.12-.02 1.417-.058a10.8 10.8 0 0 0 4.592-1.531a.96.96 0 0 1 .49-.222a.4.4 0 0 1 .085 0a.33.33 0 0 1 .302.113c.158.159.295.296-.536 1.314m1.854-7.13a2.1 2.1 0 0 1 .235 1.134a4.6 4.6 0 0 1-.141 1.208a15 15 0 0 0-.165.757a4.4 4.4 0 0 1-.191.749a2.6 2.6 0 0 1-.801.723a12.4 12.4 0 0 1-4.775 1.753q-.414.071-.839.12c-.33.037-1.269.069-1.87.069h-.143c-.182 0-.332 0-.426-.009a37 37 0 0 1-.666-.062a11.9 11.9 0 0 1-5.948-2.215c-.426-.366-.483-.549-.565-1.245a2.4 2.4 0 0 0-.136-.677a3.53 3.53 0 0 1-.069-2.008a3.6 3.6 0 0 1 1.403-1.608a1.9 1.9 0 0 1 .729-.388h.033a.3.3 0 0 1 .101 0h.008a.33.33 0 0 1 .328.101c.113.114.264.268-.287 1.168l-.274.45a1 1 0 0 0-.215.66a1.54 1.54 0 0 0 .572 1.198a7.2 7.2 0 0 0 3.726 1.618a10 10 0 0 0 1.667.17q.363.015.724.012a13 13 0 0 0 2.239-.209c2.245-.448 3.809-1.379 4.083-2.433a1.7 1.7 0 0 0-.038-.845c-.112-.244-.118-.297-.118-.36c0-.19.128-.302.32-.445a.8.8 0 0 1 .414-.19h.036l.09.006q.008.001.018-.006a.4.4 0 0 1 .192.012a1.9 1.9 0 0 1 .749.792m-3.513-3.217c.117-.169.175-.218.31-.202h.065a.6.6 0 0 1 .217.019a5.8 5.8 0 0 1 2.076 1.226c.126.153.135.206.063.353a4 4 0 0 1-1.391 1.15a34 34 0 0 1-.674.403c-.133.075-.186.101-.234.068a.12.12 0 0 1-.099.009c-.059 0-.095-.046-.186-.194a.8.8 0 0 0-.253-.249a.58.58 0 0 1-.266-.323c-.092-.194-.126-.233-.263-.308c-.085-.046-.156-.1-.156-.132a8.4 8.4 0 0 1 .791-1.82m-4.688.048h.07a1.7 1.7 0 0 1 .685.147a3 3 0 0 0 1.049.171a4 4 0 0 1 1.007.109a6 6 0 0 1 .796.57c0 .007-.037.101-.081.207a8 8 0 0 0-.326.927c0 .057.248.221.464.302c.116.045.144.077.24.279a.98.98 0 0 0 .436.476c.176.121.229.232.287.598q.026.153.046.232a13 13 0 0 1 1.265-.69l.01.009l.026-.009c.011 0 .021.019.031.03a.3.3 0 0 1 .076-.03c.083.014.16.297.144.532a1.35 1.35 0 0 1-.504.918a3.5 3.5 0 0 1-1.108.758a10.4 10.4 0 0 1-3.732.852q-.389.023-.78.022h-.065a11 11 0 0 1-4.553-.869c-.94-.444-1.562-1.077-1.622-1.651c-.024-.233.047-.403.354-.847a3.7 3.7 0 0 0 .434-.806c.071-.171.125-.208.617-.429a3.5 3.5 0 0 0 1.115-.748a1.38 1.38 0 0 1 .859-.44a3.4 3.4 0 0 1 .544-.05a2 2 0 0 0 1.232-.358a1.14 1.14 0 0 1 .582-.172a3 3 0 0 1 .402-.04m.004-3.729"/></svg>

How to use the Guacamole icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Guacamole icon FAQ

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

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

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

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

Browse all Custom Brand Icons →