Pcd icon
file-icons:pcd
The Pcd icon (file-icons:pcd) 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
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" fill-rule="evenodd" d="M236.454 308.43c-27.622-15.924-27.622-55.95 0-71.874c27.621-15.924 62.335 4.09 62.335 35.937c0 31.848-34.714 51.861-62.335 35.937m-54.749-136.37c40.527-65.062 131.197-49.276 145.484 1.486c78.668-27.58 131.518 36.626 104.42 89.02c83.502 21.12 61.574 124.063-30.797 127.517H100.066C7.794 377.19 5.496 288.02 78.748 261.665c-28.312-67.122 43.865-112.105 102.957-89.605M47.597 249.284c-18.73-70.84 57.35-125.793 123.246-107.51c53.799-65.417 146.097-46.023 169.7 3.813c68.372-20.547 136.86 30.91 123.76 104.178c78.416 34.828 60.177 159.396-54.979 162.206H90.454C-21.932 395.315-21.574 283.53 47.597 249.284"/></svg>How to use the Pcd icon
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:pcd" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:pcd" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:pcd" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--pcd]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:pcd"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:pcd"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/file-icons/pcd.svg" alt="Pcd icon" width="24" height="24">Pcd icon FAQ
Is the Pcd 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 Pcd icon in React?
Install @iconify/react and render <Icon icon="file-icons:pcd" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Pcd icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/pcd.svg" alt="Pcd icon">, or paste the SVG code inline to style it with CSS.