Ikea 5 Spot icon
cbi:ikea-5-spot
The Ikea 5 Spot icon (cbi:ikea-5-spot) 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
- ikeaspot
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m9.736 16.313l.025.2a4.3 4.3 0 0 0 2.017-.074a4.7 4.7 0 0 0 1.525-.766l-.049-.2a4.94 4.94 0 0 1-3.518.84m2.522-2.22a2.4 2.4 0 0 0-1.1-.064a2.5 2.5 0 0 0-.9.475h.007a1.86 1.86 0 0 0-.549 1.573a5.7 5.7 0 0 0 3.41-.912a1.47 1.47 0 0 0-.868-1.072m-3.402.739a1.92 1.92 0 0 0-.92-.857a1.55 1.55 0 0 0-.814.045a3 3 0 0 0-.905.575a2.96 2.96 0 0 0-.658 1.465a3.27 3.27 0 0 1 3.297-1.228m-.185.112a2.7 2.7 0 0 0-1.129.1A2.8 2.8 0 0 0 5.629 16.4c-.089.477.614.646 1.572.369h.005a2.83 2.83 0 0 0 1.914-1.352c.048-.253-.128-.417-.449-.473m-1.456 1.731c-.807.227-1.408.1-1.322-.31a2.42 2.42 0 0 1 1.616-1.143l.007-.007a2.2 2.2 0 0 1 .944-.092v.005c.268.05.414.19.369.4a2.4 2.4 0 0 1-1.614 1.147m1.456-1.731h.001ZM21.9 13.77a6.74 6.74 0 0 1-3.735 1.751a1.3 1.3 0 0 0 .07.181a6.2 6.2 0 0 0 2.233-.636A5.8 5.8 0 0 0 22 13.942Zm-1.523-.97a2.7 2.7 0 0 0-1.108.2a2.6 2.6 0 0 0-.786.641a2.05 2.05 0 0 0-.328 1.712a12.9 12.9 0 0 0 3.529-1.778a2.05 2.05 0 0 0-1.307-.775m-4.246-1.285a1.6 1.6 0 0 0-.485.077a2.75 2.75 0 0 0-1.586 2.364c-.026 1.314.4 2.3 1.282 2.077a3.04 3.04 0 0 0 1.734-2.663c.098-1.026-.165-1.84-.945-1.855m-.761 4.142c-.733.184-1.121-.607-1-1.7a2.28 2.28 0 0 1 1.275-2.085a.9.9 0 0 1 .364-.084c.6 0 .9.765.826 1.634a2.55 2.55 0 0 1-1.465 2.235m-.283-4.49l-.879-1.186a.5.5 0 0 0-.1-.009v-.433h-.234V10a.6.6 0 0 0-.178.059c-.02.037-.478.539-.382.9l.526 1.67c.193-.881.865-1.524 1.247-1.462m1.313.12c.031 0-.178-.187-.645-.183a2.2 2.2 0 0 0-.551.082a1.33 1.33 0 0 0-.785.487a3.37 3.37 0 0 0-.646 3.05a3.94 3.94 0 0 1 .828-2.74a2.2 2.2 0 0 1 1.799-.696M10.139 10v.5a1.3 1.3 0 0 0-.3.147l.38 3.6c.412-.332 1.425-.659 1.806-.385l-.706-3.486a1.8 1.8 0 0 0-.823-.05c-.035.007-.057.036-.092.045V10Zm9.234-1.6l-.004-1.565L2.577 8.69l.015 1.528ZM3.454 10.306v.182l.035.03h.213l.029-.025v-.218l2.935-.312v.156l.032.036h.208l.026-.026v-.191l3.19-.339v.172l.028.031h.211l.03-.024v-.212l3.476-.37v.185l.032.031h.209l.03-.026v-.218l3.819-.406v.191l.032.028h.214l.031-.026v-.226l1.339-.14l-.166-.098l-16.835 1.813l.159.075Zm14.5-1.192v.375a2 2 0 0 0-.288.086a2 2 0 0 0-.61.49l1.368 3.386a2.33 2.33 0 0 1 1.634-.808L18.414 9.35c-.062.006-.116.042-.177.053v-.289Zm1.72-2.021l-.215-.258v1.564l.215.142ZM6.679 10.338v.293c-.027 0-.055-.005-.08 0a1.7 1.7 0 0 0-.647.441l.242 3.3a2.16 2.16 0 0 1 1.658-.612l-.61-3.081a1 1 0 0 0-.155-.05a1 1 0 0 0-.173 0v-.29Zm-1.358 5.174a1.95 1.95 0 0 0-.929-.857a1.6 1.6 0 0 0-.819.033a3 3 0 0 0-.914.546l.011.007A2.77 2.77 0 0 0 2 16.665a3.3 3.3 0 0 1 3.321-1.153M4.3 14.475l-.447-3.061a1 1 0 0 0-.122-.04v-.634h-.253v.622a1 1 0 0 0-.28 0a1.66 1.66 0 0 0-.656.422l.218 3.136a1.77 1.77 0 0 1 1.54-.445m.823 1.093a2.6 2.6 0 0 0-1.038.08A3.12 3.12 0 0 0 2.1 16.806c-.1.373.592.467 1.5.226a3.14 3.14 0 0 0 1.837-1.067c.083-.206-.037-.344-.314-.397m-1.484 1.347c-.759.2-1.334.131-1.244-.2a2.57 2.57 0 0 1 1.659-.966a2.2 2.2 0 0 1 .869-.07c.233.043.339.16.271.329a2.6 2.6 0 0 1-1.555.907m4.297-2.94"/></svg>
How to use the Ikea 5 Spot icon
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:ikea-5-spot" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:ikea-5-spot" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:ikea-5-spot" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--ikea-5-spot]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:ikea-5-spot"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:ikea-5-spot"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/cbi/ikea-5-spot.svg" alt="Ikea 5 Spot icon" width="24" height="24">
Related icons in Custom Brand Icons
Ikea 5 Spot icon FAQ
Is the Ikea 5 Spot 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 Ikea 5 Spot icon in React?
Install @iconify/react and render <Icon icon="cbi:ikea-5-spot" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Ikea 5 Spot icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/ikea-5-spot.svg" alt="Ikea 5 Spot icon">, or paste the SVG code inline to style it with CSS.
Browse all Custom Brand Icons →
