Serie A icon
cbi:serie-a
The Serie A icon (cbi:serie-a) 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
- seriea
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M14.091 20.985H5.743V22h12.59v-1.015Zm-8.28.067h.116l-.116.166Zm0 .246l.018.013l.172-.242h.14l-.327.417Zm0 .3l.426-.544h.123l-.549.646Zm0 .336v-.127l.624-.736h.166l-.763.863Zm.212 0h-.1l.778-.88h.09Zm.09 0l.757-.863h.075l-.7.863Zm.233-.018l.7-.862h.094l-.649.857Zm.211.018l.655-.863h.137l-.664.863Zm.426 0h-.212l.677-.88h.158Zm.083 0l.611-.863h.155l-.6.863Zm.472 0h-.227l.616-.88h.119Zm.078 0l.5-.861l.1.011l-.436.85Zm.348 0h-.11l.451-.88h.066Zm.074 0l.408-.88h.184l-.425.88Zm.358 0h-.115l.424-.88h.136Zm.076 0l.445-.88h.116l-.411.88Zm.417 0h-.188l.411-.88h.178Zm.074 0l.4-.88h.108l-.333.88Zm.253-.019l.326-.861h.132l-.254.864Zm.269.019l.26-.88h.1l-.231.88Zm.432 0h-.049l.049-.151Zm0-.372l-.12.372h-.118l.231-.88h.007Zm4.174.372H9.985v-.88h4.106ZM11.99 16.58l.008.014v-.006l6.292-3.978h-.105h.1L13.734 2h-3.473L5.71 12.607Zm5.857-3.848l-5.47 3.458l1.5-2.676l.542-.885Zm-5.846-6.367l.951 2.581h-1.23l-.9 2.394h3.013l.423 1.151h-4.5Zm-2.428 6.264l.545.891l1.5 2.663l-5.462-3.454Zm8.772 7.771l-.871-2.507a.05.05 0 0 0-.05-.038h-.476a.05.05 0 0 0-.051.038l-.89 2.507q-.01.038.025.038h.5a.05.05 0 0 0 .05-.038l.144-.451h.9l.15.451a.05.05 0 0 0 .05.038h.495q.035-.006.024-.038m-1.473-.927l.3-.9h.013l.294.9Zm-2.977-1.139h1.106a.034.034 0 0 0 .038-.038v-.407a.034.034 0 0 0-.038-.038h-1.652a.033.033 0 0 0-.037.038V20.4a.032.032 0 0 0 .037.037h1.652a.033.033 0 0 0 .038-.037V20a.033.033 0 0 0-.038-.042h-1.106a.023.023 0 0 1-.025-.026V19.4a.023.023 0 0 1 .025-.025h.927a.033.033 0 0 0 .038-.038v-.4a.033.033 0 0 0-.038-.038h-.927a.023.023 0 0 1-.025-.025v-.514a.023.023 0 0 1 .025-.026m-1.517 2.1h.476a.034.034 0 0 0 .038-.038v-2.507a.034.034 0 0 0-.038-.038h-.483a.033.033 0 0 0-.037.038h.006V20.4a.034.034 0 0 0 .038.034m-.395-1.787a.8.8 0 0 0-.878-.8h-1.028a.034.034 0 0 0-.038.038v2.505a.034.034 0 0 0 .038.038h.483a.033.033 0 0 0 .037-.038v-.921a.024.024 0 0 1 .025-.026h.345l.445.947a.06.06 0 0 0 .057.038v-.007h.539c.025 0 .037-.018.025-.043l-.508-1.016a.75.75 0 0 0 .458-.715m-.9.333h-.458a.024.024 0 0 1-.025-.025v-.6a.023.023 0 0 1 .025-.025h.458a.315.315 0 0 1 .351.32a.324.324 0 0 1-.354.33Zm-2.529-.646H9.67a.033.033 0 0 0 .037-.038v-.407a.033.033 0 0 0-.037-.038H8.015a.034.034 0 0 0-.038.038V20.4a.033.033 0 0 0 .038.037h1.648a.033.033 0 0 0 .038-.037V20a.033.033 0 0 0-.038-.037H8.554a.023.023 0 0 1-.025-.026V19.4a.023.023 0 0 1 .025-.025h.927a.033.033 0 0 0 .038-.038v-.4a.033.033 0 0 0-.038-.037h-.927a.023.023 0 0 1-.025-.025v-.514a.023.023 0 0 1 .025-.027m-.878 1.329c0-.47-.282-.708-.815-.784l-.138-.018c-.294-.038-.4-.132-.4-.283s.119-.282.345-.282a1.04 1.04 0 0 1 .6.2a.034.034 0 0 0 .05-.013l.232-.345q.03-.038-.007-.056a1.46 1.46 0 0 0-.877-.27a.806.806 0 0 0-.915.79c0 .452.288.7.815.771l.137.019c.308.044.4.138.4.288c0 .182-.151.308-.42.308a1.08 1.08 0 0 1-.677-.264a.04.04 0 0 0-.057.007l-.288.332c-.019.019-.006.05.006.063a1.54 1.54 0 0 0 .991.357c.673-.005 1.018-.356 1.018-.82"/></svg>How to use the Serie A icon
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:serie-a" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:serie-a" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:serie-a" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--serie-a]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:serie-a"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:serie-a"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/cbi/serie-a.svg" alt="Serie A icon" width="24" height="24">Serie A icon FAQ
Is the Serie A 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 Serie A icon in React?
Install @iconify/react and render <Icon icon="cbi:serie-a" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Serie A icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/serie-a.svg" alt="Serie A icon">, or paste the SVG code inline to style it with CSS.