W3c icon
logos:w3c
The W3c icon (logos:w3c) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 137 grid. SVG Logos icons are released under the CC0 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
- SVG Logos
- Author
- Gil Barbara
- License
- CC0-1.0
- Size
- 256 × 137
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="137" viewBox="0 0 256 137"><path fill="#005a9c" d="m67.654 1.61l24.219 82.354L116.102 1.61h17.53l-40.093 135.3h-1.668L66.813 53.066l-25.056 83.846h-1.67L0 1.61h17.54l24.217 82.353L58.13 28.511L50.112 1.612h17.542z"/><path fill="#005a9c" d="M183.427 93.48c0 12.255-3.261 22.555-9.763 30.908q-9.781 12.523-25.313 12.523c-7.794 0-14.582-2.486-20.375-7.433q-8.69-7.442-12.862-20.123l13.693-5.68c2.01 5.124 4.652 9.16 7.937 12.103c3.285 2.95 7.148 4.432 11.607 4.432c4.677 0 8.634-2.623 11.865-7.853c3.23-5.233 4.84-11.521 4.84-18.876c0-8.13-1.728-14.414-5.183-18.872c-4.006-5.228-10.299-7.854-18.868-7.854h-6.68V58.74l23.383-40.423h-28.234L121.62 31.68h-5.005V1.61h65.136v8.182l-24.717 42.6c8.682 2.782 15.252 7.853 19.707 15.202c4.458 7.347 6.685 15.968 6.685 25.885"/><path fill="#221b0a" d="m251.404.853l2.84 17.268l-10.056 19.24s-3.863-8.159-10.274-12.677c-5.407-3.812-8.93-4.636-14.429-3.505c-7.081 1.465-15.09 9.914-18.588 20.34c-4.185 12.468-4.225 18.507-4.373 24.05c-.231 8.89 1.164 14.14 1.164 14.14s-6.104-11.296-6.045-27.84c.036-11.81 1.901-22.524 7.36-33.088c4.811-9.29 11.947-14.866 18.29-15.516c6.553-.689 11.742 2.467 15.743 5.899c4.195 3.59 8.46 11.44 8.46 11.44zm1.229 97.73s-4.433 7.945-7.206 11.003c-2.77 3.06-7.728 8.451-13.846 11.154c-6.122 2.696-9.329 3.208-15.382 2.622c-6.044-.582-11.66-4.08-13.626-5.55c-1.965-1.45-6.999-5.75-9.832-9.746c-2.851-4.016-7.297-12.037-7.297-12.037s2.476 8.033 4.03 11.443c.888 1.961 3.634 7.96 7.528 13.195c3.624 4.87 10.671 13.26 21.387 15.15c10.714 1.897 18.075-2.91 19.892-4.078c1.82-1.16 5.66-4.373 8.095-6.978c2.538-2.712 4.938-6.182 6.257-8.248c.978-1.522 2.562-4.59 2.562-4.59z"/></svg>How to use the W3c icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:w3c" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:w3c" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:w3c" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--w3c]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:w3c"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:w3c"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/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. SVG Logos icons are released under the CC0 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="logos: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/logos/w3c.svg" alt="W3c icon">, or paste the SVG code inline to style it with CSS.