W3c icon
file-icons:w3c
The W3c icon (file-icons:w3c) 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="m484.486 156.342l19.887-39.627l5.698 34.654l-20.176 38.606c-38.028-73.831-109.47-15.226-93.294 84.953c-41.943-91.25 32.847-216.086 87.885-118.586M372.056 307.69c18.509 36.547 42.509 55.567 70.046 55.174c23.835-.34 49.486-20.488 64.764-50.069L512 339.561c-41.622 80.21-116.226 56.396-139.943-31.87M0 118.225h35.187L83.78 283.449l32.849-111.257l-16.084-53.967h35.165l48.599 165.236l48.593-165.236H364.65v16.436l-49.608 85.462c44.714 9.215 76.255 88.798 33.339 144.444c-33.258 43.762-98.281 29.809-117.454-30.163l27.474-11.393c12.349 34.206 46.204 45.57 63.007 17.43c11.017-12.902 29.854-98.855-51.938-91.505v-16.083l46.914-81.109h-58.22l-72.176 243.541l-51.958-173.857l-51.945 173.857z"/></svg>How to use the W3c icon
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:w3c" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:w3c" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:w3c" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--w3c]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:w3c"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:w3c"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/file-icons/w3c.svg" alt="W3c icon" width="24" height="24">W3c icon in other icon sets
W3c icon FAQ
Is the W3c 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 W3c icon in React?
Install @iconify/react and render <Icon icon="file-icons:w3c" />, or use “Copy code” on this page to get a standalone React component.
How do I add the W3c icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/w3c.svg" alt="W3c icon">, or paste the SVG code inline to style it with CSS.