Citroen icon
cbi:citroen
The Citroen icon (cbi:citroen) 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="M17.55 15.331a.18.18 0 0 0 .151.052c.113-.013.116-.185.116-.185s.027-.393.027-.789a1.62 1.62 0 0 0-.39-.935s-4.041-4.451-5.457-4.451s-5.456 4.451-5.456 4.451a1.62 1.62 0 0 0-.39.935c0 .4.027.79.027.79s0 .171.116.184a.18.18 0 0 0 .151-.052c.452-.393 4.058-3.489 5.552-3.489s5.102 3.096 5.553 3.49M6.297 11.287a.18.18 0 0 0 .15-.052c.45-.393 4.056-3.49 5.551-3.49c1.494 0 5.102 3.101 5.552 3.491a.18.18 0 0 0 .151.051c.113-.013.116-.185.116-.185s.027-.394.027-.789a1.62 1.62 0 0 0-.39-.936s-4.041-4.451-5.457-4.451s-5.456 4.451-5.456 4.451a1.62 1.62 0 0 0-.39.936c0 .395.027.79.027.79s.003.171.118.184m11.216 5.258a.5.5 0 0 0-.247-.063a.46.46 0 0 0-.248.063a.18.18 0 0 0-.1.151a.18.18 0 0 0 .1.152a.53.53 0 0 0 .49 0c.062-.037.128-.1.2-.1a.4.4 0 0 1 .2.1a.5.5 0 0 0 .247.062a.46.46 0 0 0 .25-.062a.18.18 0 0 0 .1-.152a.18.18 0 0 0-.1-.15a.52.52 0 0 0-.5 0c-.066.04-.118.1-.2.1s-.122-.06-.192-.1m-.372 2.061v-.347h1.458v-.319H17.14v-.317s0-.092.108-.092h1.672v-.256c0-.074-.08-.07-.082-.07h-2.34a.07.07 0 0 0-.072.07v1.38a.37.37 0 0 0 .375.37h2.05a.07.07 0 0 0 .07-.069v-.255h-1.684a.09.09 0 0 1-.097-.095M3.429 17.433c.04 0 .183-.006.313 0a.74.74 0 0 1 .631.348a.07.07 0 0 0 .06.034h.7a1.13 1.13 0 0 0-1.048-.65c-.253 0-.701-.016-.995 0a1.14 1.14 0 0 0-.77.278a.9.9 0 0 0-.32.67a1.024 1.024 0 0 0 1.077.95c.421.014.466.015 1.019 0a1.06 1.06 0 0 0 1.036-.652h-.7a.07.07 0 0 0-.06.035a.72.72 0 0 1-.621.351h-.324a.683.683 0 1 1 0-1.364Zm8.658.925a.61.61 0 0 0 .525-.568a.663.663 0 0 0-.723-.586h-1.717a.367.367 0 0 0-.37.372v1.38a.066.066 0 0 0 .067.068h.645v-.645h.608a.73.73 0 0 1 .781.645h.712a.83.83 0 0 0-.528-.666m-.454-.3h-1.119v-.363a.162.162 0 0 1 .171-.169h.951a.266.266 0 1 1 0 .532Zm-5.471-.857h-.574a.07.07 0 0 0-.07.07v1.681a.07.07 0 0 0 .07.07h.645v-1.749a.07.07 0 0 0-.07-.072m3.187 0H6.685a.07.07 0 0 0-.069.07v.291h.636a.4.4 0 0 1 .4.4v.994a.07.07 0 0 0 .07.07h.647v-1.368a.093.093 0 0 1 .093-.092h.956v-.29a.07.07 0 0 0-.069-.075m11.589 0h-1.549c-.026 0-.085.007-.085.068v1.683a.065.065 0 0 0 .065.07h.649v-1.406a.09.09 0 0 1 .093-.092h.713a.53.53 0 0 1 .49.563v.866a.07.07 0 0 0 .074.071H22v-.89a.99.99 0 0 0-1.062-.933m-5.94-.023c-.492-.01-.99 0-.995 0a.946.946 0 1 0 0 1.87s.5.01.995 0a.946.946 0 1 0 0-1.87m-.34 1.613s-.18.005-.315 0a.7.7 0 0 1-.719-.682a.69.69 0 0 1 .717-.668s.176-.007.317 0a.69.69 0 0 1 .72.668a.7.7 0 0 1-.72.682"/></svg>How to use the Citroen icon
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:citroen" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:citroen" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:citroen" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--citroen]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:citroen"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:citroen"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/cbi/citroen.svg" alt="Citroen icon" width="24" height="24">Citroen icon in other icon sets
Citroen icon FAQ
Is the Citroen 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 Citroen icon in React?
Install @iconify/react and render <Icon icon="cbi:citroen" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Citroen icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/citroen.svg" alt="Citroen icon">, or paste the SVG code inline to style it with CSS.