Cdf icon

file-icons:cdf

The Cdf icon (file-icons:cdf) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 494 × 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: 494 × 512

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="494" height="512" viewBox="0 0 494 512"><path fill="currentColor" d="M19.994 128.035c42.202-84.1 137.774-187.25 307.241-86.16c-83.8 4.35-157.902 40.29-197.052 96.972c-57.39 83.092-45.182 229.622 67.228 265.68C-9.511 414.063-23.383 214.479 19.994 128.036m91.866 139.808s6.006 114.712 107.36 134.36c96.58-29.304 101.106-127.97 101.106-127.97c-55.065 83.7-149.355 78.39-208.465-6.391m123.886-72.68c-25.305 10.54-53.861 39.319-62.656 55.626c5.462 38.246 41.088 66.834 84.575 47.982c-46.384 6.783-62.918-69.614-21.919-103.608m84.673 68.803c-9.993-45.334-45.205-65.081-84.699-48.427c47.584-1.665 62.334 69.472 23.316 102.304c22.219-9.925 43.063-26.17 61.383-53.877m56.591-27.22c-4.249-31.7-22.106-112.47-103.18-126.074c-77.6 20.606-98.333 94.236-100.997 125.42c62.097-83.109 145.217-73.36 204.177.654m-81.839-128.277c130.847 23.214 160.393 331.339-128.033 362.292c154.765 99.894 286.388 2.31 317.973-122.406c39.667-156.632-72.459-250.439-189.94-239.886"/></svg>

How to use the Cdf icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

<img src="https://iconyz.com/api/public/svg/file-icons/cdf.svg" alt="Cdf icon" width="24" height="24">

Cdf icon FAQ

Is the Cdf 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 Cdf icon in React?

Install @iconify/react and render <Icon icon="file-icons:cdf" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Cdf icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/cdf.svg" alt="Cdf icon">, or paste the SVG code inline to style it with CSS.

Browse all File Icons →