Cobol icon

file-icons:cobol

The Cobol icon (file-icons:cobol) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 512 × 512 grid. File Icons are released under the ISC 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: File Icons
Author: John Gardner
License: ISC
Size: 512 × 512

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M104.318 290.746s-29.805 30.693-62.904 2.771C3.714 261.673 26.46 212.94 26.46 212.94s-49.518 31.373-13.073 97.623c36.76 66.825 101.65 34.825 101.65 34.825c-5.445 19.9.41 11.823-9.935 24.053c13.191 30.524-2.922 35.346-.261 47.478c1.255 5.072 7.686 6.327 7.686 6.327c4.382 9.436 8.9 10.445 19.87 5.804c11.671 5.034 17.535 4.94 25.674-5.804c6.34.166 13.843 1.5 14.902-9.15l-17.412-15.74l-.837-24c10.212-13.647 29.476-32.598 24.837-61.23c22.173-12.551 24.186 19.971 48.89 19.085c-1.212 11.144-1.562 21.557 1.621 28.968c13.043 9.72 9.316 21.918 19.87 34.458c4.242 5.098 10.439 4.527 18.914 9.958c13.243 8.486 16.84 22.674 13.277 32.824c-3.48 9.914-10.873 14.803-4.896 27.913c8.996-.287 15.216 2.409 22.38 9.935c8.232-5.418 18.27-9.792 33.098-2.51c18.2-2.78 3.881-15.286 24-15.74c13.127-19.001-10.496-14.194-17.411-33.935l9.098-10.771c9.005 4.183 16.52 6.312 24 3.346l.837-5.804c-33.745-66.144 7.94-99.494-9.987-162.304c16.927-30.567 115.307 33.797 125.075-19.922c-13.756 6.64-25.74-4.512-40.576-22.38c14.11-5.651 40.133-5.41 50.51 22.38c15.065-14.602 20.57-29.086 1.83-68.708c12.525-13.794 11.471-35.335 9.936-57.151c-7.847 21.14-14.047 28.623-29.805 37.23c-30.176.614-59.88 4.449-59.661-24.838c18.313-23.237 45.993-40.912 48.053-62.903c-37.254 18.225-63.895 37.428-77.022 53.857l-4.13-6.64C406.455 78 407.399 57.318 401.58 35.733c-5.202 20.48-15.093 36.62-32.263 47.216c-11.735 1.686-15.78-13.292-19.085-21.543c-12.322 6.63-18.45-1.375-25.674-9.935c-13.13 8.842-23.557 10.557-38.118 9.099c-7.934 9.841-22.94 10.592-35.609 10.771c6.04 16.704-6.466 24.582-23.164 30.641l14.066 14.066c-30.505 16.715-34.964 36.885-58.773 51.348c-60.903 13.17-91.964 53.305-78.642 123.349m199.168 66.668l-3.608-30.223l11.713-3.608l2.248 42.877z"/></svg>

How to use the Cobol icon

React

import { Icon } from "@iconify/react";

<Icon icon="file-icons:cobol" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="file-icons:cobol" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="file-icons:cobol" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--cobol]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:cobol"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="file-icons:cobol"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/file-icons/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. File Icons are released under the ISC 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="file-icons: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/file-icons/cobol.svg" alt="Cobol icon">, or paste the SVG code inline to style it with CSS.

Browse all File Icons →