w3c logo

w3c from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
w3c
Set
SVG Logos
Style
Color
Viewbox
256×137
License
CC0

The same logo in other sets

w3cFont Awesome Brandsw3cSimple Icons

Use the w3c logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>

React

import type { SVGProps } from "react";

export function LogosW3c(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
</template>

CSS

.icon-w3c {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20137%22%3E%3Cpath%20fill%3D%22%23005a9c%22%20d%3D%22m67.654%201.61l24.219%2082.354L116.102%201.61h17.53l-40.093%20135.3h-1.668L66.813%2053.066l-25.056%2083.846h-1.67L0%201.61h17.54l24.217%2082.353L58.13%2028.511L50.112%201.612h17.542z%22%2F%3E%3Cpath%20fill%3D%22%23005a9c%22%20d%3D%22M183.427%2093.48c0%2012.255-3.261%2022.555-9.763%2030.908q-9.781%2012.523-25.313%2012.523c-7.794%200-14.582-2.486-20.375-7.433q-8.69-7.442-12.862-20.123l13.693-5.68c2.01%205.124%204.652%209.16%207.937%2012.103c3.285%202.95%207.148%204.432%2011.607%204.432c4.677%200%208.634-2.623%2011.865-7.853c3.23-5.233%204.84-11.521%204.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%2031.68h-5.005V1.61h65.136v8.182l-24.717%2042.6c8.682%202.782%2015.252%207.853%2019.707%2015.202c4.458%207.347%206.685%2015.968%206.685%2025.885%22%2F%3E%3Cpath%20fill%3D%22%23221b0a%22%20d%3D%22m251.404.853l2.84%2017.268l-10.056%2019.24s-3.863-8.159-10.274-12.677c-5.407-3.812-8.93-4.636-14.429-3.505c-7.081%201.465-15.09%209.914-18.588%2020.34c-4.185%2012.468-4.225%2018.507-4.373%2024.05c-.231%208.89%201.164%2014.14%201.164%2014.14s-6.104-11.296-6.045-27.84c.036-11.81%201.901-22.524%207.36-33.088c4.811-9.29%2011.947-14.866%2018.29-15.516c6.553-.689%2011.742%202.467%2015.743%205.899c4.195%203.59%208.46%2011.44%208.46%2011.44zm1.229%2097.73s-4.433%207.945-7.206%2011.003c-2.77%203.06-7.728%208.451-13.846%2011.154c-6.122%202.696-9.329%203.208-15.382%202.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%208.033%204.03%2011.443c.888%201.961%203.634%207.96%207.528%2013.195c3.624%204.87%2010.671%2013.26%2021.387%2015.15c10.714%201.897%2018.075-2.91%2019.892-4.078c1.82-1.16%205.66-4.373%208.095-6.978c2.538-2.712%204.938-6.182%206.257-8.248c.978-1.522%202.562-4.59%202.562-4.59z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20137%22%3E%3Cpath%20fill%3D%22%23005a9c%22%20d%3D%22m67.654%201.61l24.219%2082.354L116.102%201.61h17.53l-40.093%20135.3h-1.668L66.813%2053.066l-25.056%2083.846h-1.67L0%201.61h17.54l24.217%2082.353L58.13%2028.511L50.112%201.612h17.542z%22%2F%3E%3Cpath%20fill%3D%22%23005a9c%22%20d%3D%22M183.427%2093.48c0%2012.255-3.261%2022.555-9.763%2030.908q-9.781%2012.523-25.313%2012.523c-7.794%200-14.582-2.486-20.375-7.433q-8.69-7.442-12.862-20.123l13.693-5.68c2.01%205.124%204.652%209.16%207.937%2012.103c3.285%202.95%207.148%204.432%2011.607%204.432c4.677%200%208.634-2.623%2011.865-7.853c3.23-5.233%204.84-11.521%204.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%2031.68h-5.005V1.61h65.136v8.182l-24.717%2042.6c8.682%202.782%2015.252%207.853%2019.707%2015.202c4.458%207.347%206.685%2015.968%206.685%2025.885%22%2F%3E%3Cpath%20fill%3D%22%23221b0a%22%20d%3D%22m251.404.853l2.84%2017.268l-10.056%2019.24s-3.863-8.159-10.274-12.677c-5.407-3.812-8.93-4.636-14.429-3.505c-7.081%201.465-15.09%209.914-18.588%2020.34c-4.185%2012.468-4.225%2018.507-4.373%2024.05c-.231%208.89%201.164%2014.14%201.164%2014.14s-6.104-11.296-6.045-27.84c.036-11.81%201.901-22.524%207.36-33.088c4.811-9.29%2011.947-14.866%2018.29-15.516c6.553-.689%2011.742%202.467%2015.743%205.899c4.195%203.59%208.46%2011.44%208.46%2011.44zm1.229%2097.73s-4.433%207.945-7.206%2011.003c-2.77%203.06-7.728%208.451-13.846%2011.154c-6.122%202.696-9.329%203.208-15.382%202.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%208.033%204.03%2011.443c.888%201.961%203.634%207.96%207.528%2013.195c3.624%204.87%2010.671%2013.26%2021.387%2015.15c10.714%201.897%2018.075-2.91%2019.892-4.078c1.82-1.16%205.66-4.373%208.095-6.978c2.538-2.712%204.938-6.182%206.257-8.248c.978-1.522%202.562-4.59%202.562-4.59z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/w3c.svg?color=%231a73e8&size=48