Cairo icon
devicon:cairo
The Cairo icon (devicon:cairo) is a free SVG icon from the Devicon set by konpa. It is drawn on a 128 × 128 grid. Devicon icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#f39914" d="M36.242 20.629c-2.241.554-1.136 2.765-1.5 3.977c-.93 3.085-5.78 4.066-8.206 6.161c-2.374 2.048-3.788 4.441-5.62 6.696c-1.547 1.898-3.476 3.758-3.787 5.933c-.353 2.466-.225 5.252.896 7.612c1.392 2.923 3.035 6.634 5.363 9.239c1.789 2 2.035 2.664 5.043 3.719c.953.433 1.19.647 2.487.916l.256-1.592l1.115-1.313c-1.5-1.833-3.772-2.002-5.084-3.339c-2.19-2.23-2.903-4.508-4.205-7.061c-1.244-2.446-2.863-4.315-2.996-6.913c-.057-1.113-.548-3.111.036-4.115c.387-.666 2.237-1.505 2.865-2.141c1.944-1.972 1.064-4.463 3.314-6.29c2.001-1.626 5.389-2.89 7.76-4.379c1.645-1.031 2.66-1.402 3.015-2.853c.389-1.599-.867-2.782-.752-4.257m55.514 0c.115 1.475-1.14 2.658-.75 4.257c.354 1.45 1.369 1.822 3.013 2.853c2.372 1.488 5.76 2.753 7.76 4.38c2.249 1.827 1.368 4.317 3.312 6.289c.628.636 2.478 1.475 2.866 2.141c.583 1.004.093 3.002.036 4.115c-.133 2.598-1.753 4.467-2.996 6.913c-1.302 2.553-2.017 4.832-4.203 7.061c-1.312 1.337-3.584 1.506-5.084 3.34l1.115 1.312l.254 1.592c1.297-.269 1.536-.483 2.489-.916c3.005-1.055 3.252-1.719 5.04-3.719c2.33-2.605 3.97-6.316 5.367-9.24c1.12-2.359 1.249-5.145.897-7.61c-.311-2.176-2.245-4.036-3.791-5.934c-1.832-2.255-3.247-4.648-5.619-6.696c-2.425-2.095-7.276-3.076-8.206-6.161c-.364-1.212.742-3.423-1.5-3.977M63.991 43.658c-9.634 0-17.443 2.967-17.443 6.626c0 3.2 7.809 2.303 17.443 2.303c9.631 0 17.444.728 17.444-2.303c0-3.66-7.812-6.626-17.444-6.626m-8.693 9.71c-9.955 0-18.64 4.08-23.393 10.151a59 59 0 0 0-.72 5.762c1.242-.012 26.318-.211 28.556 1.995l4.248 4.19l4.248-4.19c2.237-2.206 27.317-2.007 28.557-1.995a58 58 0 0 0-.73-5.808c-4.76-6.045-13.424-10.105-23.357-10.105zm41.509 16.085l-.002.196c-7.27-.068-26.532.14-28.304 1.886L64.21 75.77l2.796 6.722l-2.828 34.898c17.515-.13 31.79-18.406 32.728-41.408c.03-.797-3.248-1.665-3.248-2.392c0-.63 3.283-1.412 3.259-2.105a56 56 0 0 0-.11-2.032m-65.636.001q-.073 1.01-.11 2.031c-.024.692 3.259 1.476 3.259 2.106c0 .728-3.28 1.595-3.249 2.393c.939 23.001 15.22 41.277 32.73 41.408l-2.83-34.898l.018-.04v-.001l2.779-6.683l-4.292-4.233c-1.771-1.747-21.033-1.955-28.303-1.887zm-10.102 4.752c-4.267.153-3.498 4.662-1.955 8.664c1.78 4.618 2.583 9.48 4.498 14.047c.88 2.097 2.17 4.143 4.484 4.743c.116-2.645-.288-3.34-1.917-5.305c-1.379-1.66-1.043-3.935-1.904-5.802c-1.123-2.448-1.316-4.907-2.283-7.37c-.427-1.091-2.612-4.38-2.023-5.601c.998-2.07 2.878-.026 3.819.65c1.323.953 2.028.698 3.663.91c.186.025 1.116.678 3.29 1.67l-.254-2.303c-2.98-1.436-3.242-3.065-6.503-3.91c-1.163-.3-2.125-.422-2.915-.393m85.858 0c-.791-.029-1.754.092-2.918.394c-3.258.844-3.518 2.473-6.5 3.909l-.254 2.303c2.174-.992 3.104-1.646 3.29-1.67c1.635-.212 2.338.043 3.66-.91c.942-.677 2.822-2.72 3.82-.65c.589 1.221-1.596 4.51-2.023 5.6c-.966 2.464-1.16 4.923-2.282 7.37c-.862 1.868-.526 4.143-1.902 5.803c-1.63 1.966-2.034 2.66-1.917 5.305c2.314-.6 3.602-2.646 4.48-4.743c1.917-4.568 2.72-9.43 4.5-14.047c1.545-4.002 2.315-8.511-1.954-8.664M63.99 76.214l-2.637 6.339l2.637 32.524c.628-7.755 2.63-32.449 2.635-32.524zM36.74 99.722c-2.095 2.8-2.193 5.089-3.154 7.321c-1.655 3.846-.049 9.048 3.09 11.815c1.898 1.686 4.988 3.017 7.25 4.12c3.148 1.534 6.308 3.538 9.827 4.2c.779.146 2.76.406 2.1-1.104c-.307-.702-2.538-1.44-3.183-1.798c-2.606-1.45-5.135-3.3-7.57-5.073c-2.978-2.152-6.536-3.507-8.878-6.486c-.958-1.218-1.111-1.543-.883-2.945c.217-1.336.422-2.877.703-4.214c.317-1.507.762-2.965 1.567-4.318zm54.52 0l-.868 1.517c.803 1.353 1.249 2.811 1.566 4.319c.282 1.337.486 2.877.704 4.214c.227 1.401.074 1.727-.884 2.945c-2.341 2.978-5.897 4.334-8.876 6.486c-2.434 1.772-4.968 3.623-7.575 5.072c-.644.359-2.875 1.097-3.182 1.798c-.657 1.51 1.32 1.25 2.099 1.105c3.52-.662 6.685-2.667 9.831-4.2c2.262-1.104 5.35-2.435 7.25-4.12c3.138-2.767 4.743-7.969 3.09-11.815c-.962-2.232-1.06-4.522-3.154-7.321z"/><path fill="#162284" d="M64 .708c-10.678 0-19.366 8.687-19.366 19.365S53.321 39.439 64 39.439s19.365-8.687 19.365-19.366S74.678.708 64 .708m0 .635c10.328 0 18.731 8.402 18.731 18.73S74.328 38.806 64 38.806s-18.731-8.403-18.731-18.731S53.671 1.343 64 1.343m-8.714 10.016v17.428h17.428V11.359H55.57zm.285.285h5.43v5.43h-5.43zm5.714 0h5.43v5.43h-5.43zm5.715 0h5.429v5.43h-5.43zm-3 .714a2 2 0 0 0-2 2a2 2 0 0 0 2 2.001a2 2 0 0 0 2-2a2 2 0 0 0-2-2m-8.429 5h5.43v5.43h-5.43zm5.714 0h5.43v5.43h-5.43zm5.715 0h5.429v5.43h-5.43zm2.714.715a2 2 0 0 0-2 2a2 2 0 0 0 2 2a2 2 0 0 0 2-2a2 2 0 0 0-2-2m-14.143 5h5.43v5.43h-5.43zm5.715 0h5.429v5.43h-5.43zm5.714 0h5.43v5.43H67zm-8.714.714a2 2 0 0 0-2 2a2 2 0 0 0 2 2a2 2 0 0 0 2-2a2 2 0 0 0-2-2m5.714 0a2 2 0 0 0-2 2a2 2 0 0 0 2 2a2 2 0 0 0 2-2a2 2 0 0 0-2-2m5.715 0a2 2 0 0 0-2 2a2 2 0 0 0 2 2a2 2 0 0 0 2-2a2 2 0 0 0-2-2"/></svg>How to use the Cairo icon
React
import { Icon } from "@iconify/react";
<Icon icon="devicon:cairo" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon:cairo" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon:cairo" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--cairo]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:cairo"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon:cairo"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/devicon/cairo.svg" alt="Cairo icon" width="24" height="24">Related icons in Devicon
Cairo icon in other icon sets
Cairo icon FAQ
Is the Cairo icon free for commercial use?
Yes. Devicon icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Cairo icon in React?
Install @iconify/react and render <Icon icon="devicon:cairo" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Cairo icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/devicon/cairo.svg" alt="Cairo icon">, or paste the SVG code inline to style it with CSS.