Cobol icon
thesvg-color:cobol
The Cobol icon (thesvg-color:cobol) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 300 × 300 grid. theSVG Color 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.
- Icon set
- theSVG Color
- Author
- thesvg.org
- License
- MIT
- Size
- 300 × 300
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="300" height="300" viewBox="0 0 300 300"><path fill="#005ca5" d="M208.5 61.368a41.7 41.7 0 0 0 16.547-23.643a43.5 43.5 0 0 1-.169 20.221c-2.091 5.457-5.316 10.379-7.819 15.647A204 204 0 0 1 259.8 46.05c-4.519 13.95-17.072 22.387-26.297 33.093c1.781 3.835 2.625 9.272 7.5 10.397a47.2 47.2 0 0 0 23.437 1.453c8.55-2.934 12.61-11.793 16.875-19.078v13.772a148 148 0 0 1-5.456 16.388c1.875 5.128 3.834 10.237 5.456 15.44v8.925c-2.006 3.45-4.143 6.806-6.215 10.21a49.6 49.6 0 0 0-10.013-10.894a37.8 37.8 0 0 0-17.353-1.172a30.12 30.12 0 0 0 22.622 13.781c-3.366 3.469-6.216 8.55-11.531 9.085c-15.385 2.315-30.066-4.735-45.366-4.688c-2.644.188-6.628.225-7.359 3.488c0 6.89 2.034 13.621 1.781 20.512c-.553 11.794-4.8 23.119-4.959 34.931a129.2 129.2 0 0 0 7.856 32.325c-4.903-.722-9.788-1.556-14.644-2.437c-.937 1.95-1.725 3.937-2.437 5.944a42.3 42.3 0 0 0 10.678 11.203a540 540 0 0 0-2.26 4.762l-5.372 1.294a413 413 0 0 1-3.75 6.928a41.45 41.45 0 0 0-20.625.572a1076 1076 0 0 1-13.021-5.316a55.7 55.7 0 0 0 3.815-21.703c-2.644-9.206-15-9.225-18.75-17.597a58.44 58.44 0 0 1-9.581-26.728c-7.716-4.059-13.641-11.447-22.5-13.125c-.45 3.835-.778 7.688-1.434 11.503a56.4 56.4 0 0 1-12.638 22.557c.366 3.956.74 7.893 1.125 11.859a1483 1483 0 0 1 9.684 9.131A91.4 91.4 0 0 1 95.7 239.55a104 104 0 0 1-15.816.721c-2.419-2.381-4.856-4.762-7.284-7.162a45.67 45.67 0 0 0 1.069-24.45c1.603-3.75 3.056-7.613 4.453-11.447a52.17 52.17 0 0 1-28.22 1.931A48 48 0 0 1 19.06 158.55a36.18 36.18 0 0 1 13.19-30.638A60.1 60.1 0 0 0 30 152.428a28.48 28.48 0 0 0 23.438 23.118a32.45 32.45 0 0 0 18.375-6.028a70.13 70.13 0 0 1 3.403-38.747a51.8 51.8 0 0 1 33.619-24.937a39.7 39.7 0 0 0 18.853-14.681a100 100 0 0 1 14.335-12.469c-2.138-2.053-4.247-4.125-6.375-6.178a20.19 20.19 0 0 0 13.415-16.04c12.038-2.813 23.916-6.198 35.813-9.479a35.6 35.6 0 0 0 13.265 5.681c2.972 3.244 4.632 10.847 10.313 8.7m-35.41 125.269c.394 7.2-.45 15.609 6.319 20.203c0-7.078-.431-14.128-.937-21.187z"/></svg>How to use the Cobol icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:cobol" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:cobol" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:cobol" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--cobol]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:cobol"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:cobol"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/cobol.svg" alt="Cobol icon" width="24" height="24">Cobol icon in other icon sets
Cobol icon FAQ
Is the Cobol icon free for commercial use?
Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Cobol icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:cobol" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Cobol icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/cobol.svg" alt="Cobol icon">, or paste the SVG code inline to style it with CSS.