web fundamentals logo

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

Name
web-fundamentals
Set
SVG Logos
Style
Color
Viewbox
256×254
License
CC0

Related icons in SVG Logos

web-devweb-dev-icon

Use the web fundamentals logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 254"><path fill="#1C70E7" d="M79.072 0h99.949l-4.8 59.502l48.787-20.443l32.991 92.658l-54.412 15.811l34.125 46.375l-79.315 59.195l-30.475-47.422l-29.579 47.422l-80.947-59.195l38.287-46.375L0 131.717l30.366-92.658L82.67 59.502z"/><path fill="#FFF" d="M107.425 27.406h41.87l-3.593 72.851l61.349-25.183l14.58 38.507l-65.354 18.819l41.459 56.94l-33.208 24.798l-39.275-59.571l-36.238 59.571l-34.741-24.798l45.753-56.94l-66.045-18.819l13.34-38.507l64.504 25.183z"/></svg>

React

import type { SVGProps } from "react";

export function LogosWebFundamentals(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 254"><path fill="#1C70E7" d="M79.072 0h99.949l-4.8 59.502l48.787-20.443l32.991 92.658l-54.412 15.811l34.125 46.375l-79.315 59.195l-30.475-47.422l-29.579 47.422l-80.947-59.195l38.287-46.375L0 131.717l30.366-92.658L82.67 59.502z"/><path fill="#FFF" d="M107.425 27.406h41.87l-3.593 72.851l61.349-25.183l14.58 38.507l-65.354 18.819l41.459 56.94l-33.208 24.798l-39.275-59.571l-36.238 59.571l-34.741-24.798l45.753-56.94l-66.045-18.819l13.34-38.507l64.504 25.183z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 254"><path fill="#1C70E7" d="M79.072 0h99.949l-4.8 59.502l48.787-20.443l32.991 92.658l-54.412 15.811l34.125 46.375l-79.315 59.195l-30.475-47.422l-29.579 47.422l-80.947-59.195l38.287-46.375L0 131.717l30.366-92.658L82.67 59.502z"/><path fill="#FFF" d="M107.425 27.406h41.87l-3.593 72.851l61.349-25.183l14.58 38.507l-65.354 18.819l41.459 56.94l-33.208 24.798l-39.275-59.571l-36.238 59.571l-34.741-24.798l45.753-56.94l-66.045-18.819l13.34-38.507l64.504 25.183z"/></svg>
</template>

CSS

.icon-web-fundamentals {
  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%20254%22%3E%3Cpath%20fill%3D%22%231C70E7%22%20d%3D%22M79.072%200h99.949l-4.8%2059.502l48.787-20.443l32.991%2092.658l-54.412%2015.811l34.125%2046.375l-79.315%2059.195l-30.475-47.422l-29.579%2047.422l-80.947-59.195l38.287-46.375L0%20131.717l30.366-92.658L82.67%2059.502z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M107.425%2027.406h41.87l-3.593%2072.851l61.349-25.183l14.58%2038.507l-65.354%2018.819l41.459%2056.94l-33.208%2024.798l-39.275-59.571l-36.238%2059.571l-34.741-24.798l45.753-56.94l-66.045-18.819l13.34-38.507l64.504%2025.183z%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%20254%22%3E%3Cpath%20fill%3D%22%231C70E7%22%20d%3D%22M79.072%200h99.949l-4.8%2059.502l48.787-20.443l32.991%2092.658l-54.412%2015.811l34.125%2046.375l-79.315%2059.195l-30.475-47.422l-29.579%2047.422l-80.947-59.195l38.287-46.375L0%20131.717l30.366-92.658L82.67%2059.502z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M107.425%2027.406h41.87l-3.593%2072.851l61.349-25.183l14.58%2038.507l-65.354%2018.819l41.459%2056.94l-33.208%2024.798l-39.275-59.571l-36.238%2059.571l-34.741-24.798l45.753-56.94l-66.045-18.819l13.34-38.507l64.504%2025.183z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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