Vcl icon
file-icons:vcl
The Vcl icon (file-icons:vcl) 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" d="M278.547 160.834c22.658 62.003 91.576 93.79 153.552 71.225c62.074-22.75 93.93-91.493 71.2-153.545c-22.773-62.033-91.493-93.911-153.568-71.18c-62.018 22.842-93.822 91.55-71.184 153.5m-151.28 222.7c-23.377 41.599-8.364 94.329 33.418 117.53c41.654 23.201 94.394 8.263 117.618-33.245c23.284-41.676 8.41-94.32-33.267-117.62c-41.778-23.173-94.343-8.353-117.77 33.334M2.315 216.361c-5.34 27.015 12.395 53.334 39.41 58.737c27.111 5.403 53.42-12.297 58.741-39.404c5.362-27.11-12.274-53.44-39.404-58.782c-27.098-5.304-53.344 12.116-58.747 39.449"/></svg>How to use the Vcl icon
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:vcl" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:vcl" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:vcl" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--vcl]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:vcl"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:vcl"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/file-icons/vcl.svg" alt="Vcl icon" width="24" height="24">Vcl icon FAQ
Is the Vcl 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 Vcl icon in React?
Install @iconify/react and render <Icon icon="file-icons:vcl" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Vcl icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/vcl.svg" alt="Vcl icon">, or paste the SVG code inline to style it with CSS.