Zonneplan icon
cbi:zonneplan
The Zonneplan icon (cbi:zonneplan) 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
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M11.987 10.471c-.126.143-.234.263-.243.271s-.111.123-.229.258s-.22.249-.229.257s-.111.123-.228.258s-.275.306-.347.386s-.234.257-.357.4c-.38.432-.394.449-.499.561a5 5 0 0 0-.169.189c-.038.046-.18.2-.311.352s-.329.369-.435.486l-.381.426l-.191.215v1.606h7.251v-.981c0-.96 0-.983-.057-.994a98 98 0 0 0-2.059-.012h-2.025c-.029 0 .037-.088.272-.354c.1-.109.2-.226.231-.261l.192-.217c.077-.086.166-.189.2-.229c.058-.069.1-.12.341-.386c.057-.063.174-.2.26-.3c.16-.188.375-.431.4-.457c.008-.009.1-.112.2-.229s.22-.255.263-.3l.137-.158l.223-.254c.089-.1.192-.218.226-.258s.089-.1.118-.131s.134-.155.237-.272l.2-.229c.009-.008.099-.111.199-.229s.22-.25.263-.299l.08-.086V7.866H8.513v1.981h1.999l2 .006c.017.006-.069.117-.183.24c-.064.066-.216.238-.342.378m6.412-3.778a1.42 1.42 0 0 0 1.23-.792a1.3 1.3 0 0 0 .143-.721a1.41 1.41 0 0 0-.987-1.286a1.7 1.7 0 0 0-.815-.018a1.47 1.47 0 0 0-.99.935a1.6 1.6 0 0 0 0 .895a1.426 1.426 0 0 0 1.419.987m3.584 4.521a10 10 0 0 0-.072-.643a2 2 0 0 1-.029-.172a10.4 10.4 0 0 0-.406-1.621c-.2-.609-.286-.763-.477-.892a.72.72 0 0 0-.747-.046a.67.67 0 0 0-.368.4a.7.7 0 0 0 .014.58a9.5 9.5 0 0 1 .451 1.567l.043.232c.012.051.04.288.089.74a17 17 0 0 1 0 1.3a8.56 8.56 0 0 1-1.404 4.061a9.1 9.1 0 0 1-2.257 2.294a8.65 8.65 0 0 1-3.42 1.382l-.186.032a4 4 0 0 1-.529.057a9 9 0 0 1-2.174-.1l-.243-.046a9 9 0 0 1-2.459-.926A8.8 8.8 0 0 1 5.36 17.32a10 10 0 0 1-.605-.853a4 4 0 0 0-.123-.214c-.114-.2-.363-.7-.466-.93a9.5 9.5 0 0 1-.475-1.499a10 10 0 0 1-.172-1.187a16 16 0 0 1 0-1.258c.009-.055.02-.192.032-.3a9 9 0 0 1 .2-1.13a8.53 8.53 0 0 1 4.576-5.615a8.3 8.3 0 0 1 3.031-.818a11 11 0 0 1 1.67.031a1 1 0 0 0 .161.029a7.5 7.5 0 0 1 1.315.295a.98.98 0 0 0 .757.034a.72.72 0 0 0 .438-.672a.74.74 0 0 0-.4-.667a9.2 9.2 0 0 0-2.139-.506l-.229-.029c-.1-.014-1.547-.04-1.562-.028a1.6 1.6 0 0 1-.257.028c-.135.012-.269.023-.3.029s-.132.02-.226.032s-.2.025-.229.031l-.214.04a10 10 0 0 0-2.531.847a10.06 10.06 0 0 0-5.188 6.074a12 12 0 0 0-.3 1.299c-.006.046-.023.143-.035.214c-.02.143-.026.189-.06.544a13 13 0 0 0 .034 2.057c.029.191.04.283.058.423c.011.077.028.189.043.243a2 2 0 0 1 .04.186a10.4 10.4 0 0 0 .54 1.758a10.04 10.04 0 0 0 7.07 5.966c.138.029.52.1.571.109c.069.011.318.046.415.063a13 13 0 0 0 2.432-.006c.454-.066.872-.146 1.187-.226a10.2 10.2 0 0 0 5.436-3.531a10.7 10.7 0 0 0 1.421-2.446a10 10 0 0 0 .546-1.844a7 7 0 0 0 .12-.787a3 3 0 0 1 .032-.214c.024-.122.031-1.429.009-1.678"/></svg>How to use the Zonneplan icon
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:zonneplan" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:zonneplan" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:zonneplan" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--zonneplan]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:zonneplan"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:zonneplan"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/cbi/zonneplan.svg" alt="Zonneplan icon" width="24" height="24">Zonneplan icon FAQ
Is the Zonneplan 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 Zonneplan icon in React?
Install @iconify/react and render <Icon icon="cbi:zonneplan" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Zonneplan icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/zonneplan.svg" alt="Zonneplan icon">, or paste the SVG code inline to style it with CSS.