Vaillant icon
cbi:vaillant
The Vaillant icon (cbi:vaillant) 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="M13.313 12.891c-.054-.028-.082-.014-.1.04c-.151.479-.123.683.027.793c.232.136.792-.055 1.052-.56c.273-.533.232-1.065 0-1.199c-.273-.178-.656.041-.82.449c0 .028 0 .055.027.069c.069.041.3.177.151.369c-.105.134-.296.049-.337.039m3.564 3.537a.166.166 0 0 0 .164-.164a.15.15 0 0 0-.15-.177l-2.622.013a.8.8 0 0 1 .014.315Zm-9.764-.355a.164.164 0 1 0 0 .328l2.6-.014a1.2 1.2 0 0 1 .014-.3Zm3.373-3.579c.027-.013.027-.041.027-.068c-.164-.409-.546-.627-.818-.45c-.233.137-.274.669 0 1.199c.258.506.832.7 1.05.56c.151-.109.178-.314.028-.792c-.014-.054-.041-.068-.1-.041c-.027.014-.232.082-.328-.041c-.143-.203.073-.339.141-.367M8.383 7.81c.369.629.67 1.093.861.984s-.492-.833-1.134-2.5s-.86-2.976-.546-3.017s.792 1.326 1.339 2.689a23 23 0 0 1 .929 2.992a.17.17 0 0 1-.054.177a3.14 3.14 0 0 0-1.257 2.035c-.137 1.121.56 2.868.328 4.22l-2.036-.109a.164.164 0 0 0-.164.15a.154.154 0 0 0 .15.164l2.937.15c.19-.451.627-.382.627-.765a.54.54 0 0 0-.205-.409a4 4 0 0 1-1.215-2.226c-.054-.642.11-1.489.629-1.6c.982-.205 1.966 2.048 1.966 3.468c0 .574.027.765-.205 1.093a1.05 1.05 0 0 0-.246.615c.027.287.3.369.437.5c.41.4-.014 1.052-.765 1.052a1 1 0 0 1-1.037-.724l-2.308.123c-.082.014-.164.082-.151.164a.155.155 0 0 0 .164.15l1.876-.116a4.36 4.36 0 0 0 2.676 1.788a4.32 4.32 0 0 0 2.677-1.788l1.87.123a.164.164 0 0 0 .164-.15a.175.175 0 0 0-.15-.164l-2.308-.123a.976.976 0 0 1-1.024.724c-.751 0-1.175-.656-.765-1.052c.137-.136.41-.218.437-.5a.92.92 0 0 0-.246-.615a1.63 1.63 0 0 1-.205-1.093c0-1.42.984-3.673 1.967-3.468c.519.1.67.956.629 1.599a4 4 0 0 1-1.23 2.227c-.095.122-.205.2-.205.409c0 .383.451.314.629.765l2.935-.15a.165.165 0 0 0 .151-.164a.19.19 0 0 0-.178-.164l-2.034.109c-.232-1.352.464-3.099.328-4.219a3.14 3.14 0 0 0-1.261-2.042a.17.17 0 0 1-.055-.178a24 24 0 0 1 .929-2.991c.547-1.365 1.025-2.717 1.338-2.69s.1 1.352-.546 3.018s-1.311 2.4-1.133 2.5s.492-.355.86-.983a11.6 11.6 0 0 0 1.092-2.622c.4-1.284.533-3.1 0-3.169c-.491-.082-1.406 1.339-2.499 3.4a22 22 0 0 0-1.42 3.209a.11.11 0 0 1-.137.1a3 3 0 0 0-.642-.055a3.2 3.2 0 0 0-.642.055a.116.116 0 0 1-.136-.1a21.4 21.4 0 0 0-1.433-3.213c-1.093-2.044-2.008-3.479-2.5-3.4s-.341 1.885.055 3.183A12 12 0 0 0 8.383 7.81m3.619 9.725a1.7 1.7 0 0 0 .779.491a1.1 1.1 0 0 1-.779.328a1.1 1.1 0 0 1-.779-.328a1.86 1.86 0 0 0 .779-.491m0-12.974a3.8 3.8 0 0 1 1.9.532c.218-.423.423-.792.614-1.12a5 5 0 0 0-2.514-.696a5.05 5.05 0 0 0-2.526.7q.286.491.627 1.12a3.74 3.74 0 0 1 1.899-.536m4.793 1.487a12 12 0 0 1-.586 1.407a11.55 11.55 0 0 1 1.734 5.927a8.24 8.24 0 0 1-1.734 5.177a5.43 5.43 0 0 1-4.207 2.157a5.43 5.43 0 0 1-4.206-2.157a8.27 8.27 0 0 1-1.735-5.177A11.56 11.56 0 0 1 7.81 7.455a11 11 0 0 1-.588-1.407a12.66 12.66 0 0 0-2.458 7.334a9.47 9.47 0 0 0 2.035 5.999A6.68 6.68 0 0 0 12.002 22a6.66 6.66 0 0 0 5.199-2.623a9.55 9.55 0 0 0 2.035-5.999a12.93 12.93 0 0 0-2.441-7.33"/></svg>How to use the Vaillant icon
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:vaillant" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:vaillant" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:vaillant" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--vaillant]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:vaillant"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:vaillant"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/cbi/vaillant.svg" alt="Vaillant icon" width="24" height="24">Vaillant icon FAQ
Is the Vaillant 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 Vaillant icon in React?
Install @iconify/react and render <Icon icon="cbi:vaillant" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Vaillant icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/vaillant.svg" alt="Vaillant icon">, or paste the SVG code inline to style it with CSS.