W3c icon
el:w3c
The W3c icon (el:w3c) is a free SVG icon from the Elusive Icons set by Team Redux. It is drawn on a 1200 × 1200 grid. Elusive Icons are released under the Open Font 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
- Elusive Icons
- Author
- Team Redux
- License
- OFL-1.1
- Size
- 1200 × 1200
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200" viewBox="0 0 1200 1200"><path fill="currentColor" d="M1073.828 629.485c2.898-11.642-.086-23.613-10.971-27.43l-45.259-20.57c-11.184-4.669-25.42 1.638-27.428 12.343c-8.735 18.702-21.121 34.011-41.144 34.286q-26.058 0-42.515-28.114c-16.457-28.114-16.458-43.2-16.458-73.371q0-45.257 16.458-74.058q16.457-28.8 42.515-28.8c21.915 1.592 32.312 15.432 41.144 32.914c4.681 11.483 17.413 14.182 27.428 10.972l45.259-20.571c10.479-5.517 15.148-19.174 9.6-28.8q-39.77-85.03-123.429-85.029q-69.943 0-113.144 53.485q-43.2 53.486-43.2 139.886t43.2 139.199q43.201 52.801 113.144 52.801q83.659.001 124.8-89.143m-436.114 89.144c72.696-1.124 128.054-51.075 128.915-116.572c-1.284-34.587-15.191-61.488-39.771-82.285c21.644-20.438 34.07-48.272 34.284-75.429c-1.799-74.11-63.438-109.123-123.429-109.714q-78.17 0-120.686 61.714q-9.6 13.718 2.742 27.429l32.914 30.172c10.552 9.405 22.288 7.667 31.543-1.371q20.574-28.8 49.371-28.801q23.316 0 27.43 11.657c5.288 11.53 3.768 22.05 0 31.543c-14.146 14.646-34.817 10.285-54.856 10.285c-13.034.438-23.115 8.081-23.314 20.571V547.2c1.138 14.162 10.791 23.521 23.314 20.571c15.117-.016 53.453-1.728 59.656 10.972q4.8 10.97 4.801 17.828q0 31.542-34.286 31.543q-32.913 0-54.856-30.172c-8.948-10.827-23.086-10.985-31.542-2.742l-34.286 34.285q-12.345 12.343-2.743 26.058c31.079 43.722 76.328 62.701 124.799 63.086M501.943 364.8c2.506-13.146-7.177-25.827-19.2-26.057H422.4q-16.459 0-19.2 16.458l-28.8 146.743L344.229 355.2q-4.114-16.458-20.571-16.458h-43.886q-17.832 0-20.571 16.458l-30.172 146.743l-28.8-146.743q-2.742-16.458-20.571-16.458h-58.972c-15.031 1.183-22.255 13.067-20.571 26.057l75.429 331.886q4.114 16.458 20.571 16.457h57.6q16.457.001 20.571-16.457l27.429-137.143l27.428 137.143q2.743 16.458 20.571 16.457h57.602q16.458.001 20.57-16.457zM1200 0v918.75L600 1200L0 918.75V0z"/></svg>How to use the W3c icon
React
import { Icon } from "@iconify/react";
<Icon icon="el:w3c" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="el:w3c" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="el:w3c" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[el--w3c]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/el -->
<div class="i-el:w3c"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="el:w3c"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/el/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. Elusive Icons are released under the Open Font 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="el: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/el/w3c.svg" alt="W3c icon">, or paste the SVG code inline to style it with CSS.