Correos icon
cbi:correos
The Correos icon (cbi:correos) 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
- correo
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M10.24 21.311c-4.59-.88-8.24-5.05-8.24-9.41v-.44h6.29v1.64l.33-.31c1.45-1.4 3.81-1.71 5.7-.75c1.03.51 2.46 2.29 2.46 3.04c0 .31.17.2.5-.32c.44-.68.81-1.81.87-2.62l.05-.68H22l-.06.83c-.33 4.2-3.36 7.77-7.54 8.87c-.99.27-3.16.34-4.16.15m3.86-1.4a8.74 8.74 0 0 0 6.14-5.63c.49-1.43.48-1.52-.26-1.52c-.58 0-.6.01-.66.28c-.71 3.34-3.74 5.84-7.09 5.86c-.95 0-1.04-.01-1.5-.3c-2.17-1.34-1.29-4.59 1.25-4.59c1.52.01 2.44.92 2.45 2.42c0 .4.02.73.04.73s.3-.15.63-.32l.6-.32l-.05-.57c-.16-1.84-1.68-3.14-3.66-3.14c-2.26 0-3.65 1.4-3.65 3.65c0 2.89 2.37 4.31 5.76 3.45m-6.61-1.25c-.4-.78-.49-1.53-.5-3.78v-2.12H5.2c-2.05 0-1.91-.08-1.64.94c.49 1.9 1.82 3.8 3.47 4.94c.73.5.71.5.46.02m5.35-1.34c.78-.78.26-2.06-.82-2.06c-.75 0-1.23.47-1.23 1.2c0 1.07 1.3 1.61 2.05.86m-4.58-6.82c-.04-.04-.07-.33-.07-.65v-.58h7.6l-.03.62l-.03.63l-3.7.02c-2.04.02-3.73 0-3.77-.04m-1.87-3.03c0-2.07 1.47-3.31 3.22-2.72c.51.17.59.17.84.04c.21-.12.61-.16 1.54-.16c.92 0 1.32.04 1.53.16c.25.13.33.13.84-.05c1.71-.58 3.13.58 3.2 2.6l.04 1.03h-1.22v-.7c0-1.15-.46-1.8-1.27-1.8h-.32l.15.35c.09.21.14.69.14 1.25v.9h-1.2v-.75c0-1.02-.28-1.54-.92-1.7l-.28-.07v2.52h-1.29v-1.25c0-1.37-.02-1.4-.59-1.1c-.48.24-.65.61-.69 1.53l-.05.82H8.89v-.87c.01-.49.07-1.05.14-1.25l.14-.38h-.33c-.79 0-1.23.65-1.24 1.83l-.01.67h-1.2Zm5.3-3.49c0-.27-.04-.3-.3-.3s-.3-.04-.3-.25s.04-.25.3-.25s.3-.04.3-.3c0-.27.03-.3.3-.3c.26 0 .29.03.29.3c0 .26.04.3.3.3s.3.04.3.25s-.04.25-.3.25s-.3.03-.3.3c0 .26-.03.3-.29.3c-.27 0-.3-.04-.3-.3"/></svg>How to use the Correos icon
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:correos" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:correos" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:correos" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--correos]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:correos"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:correos"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/cbi/correos.svg" alt="Correos icon" width="24" height="24">Correos icon FAQ
Is the Correos 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 Correos icon in React?
Install @iconify/react and render <Icon icon="cbi:correos" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Correos icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/correos.svg" alt="Correos icon">, or paste the SVG code inline to style it with CSS.