web awesome icon

web-awesome from Font Awesome 6 Solid by Dave Gandy · Regular · CC-BY-4.0 Attribution required.

Name: web-awesome
Set: Font Awesome 6 Solid
Style: Regular
Viewbox: 640×512
License: CC BY 4.0

The same icon in other sets

web-awesomeFont Awesome 6 Brands web-awesomeFont Awesome Brands web-awesomeFont Awesome Solid

Use the web awesome icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M372.2 52c0 20.9-12.4 39-30.2 47.2L448 192l104.4-20.9c-5.3-7.7-8.4-17.1-8.4-27.1c0-26.5 21.5-48 48-48s48 21.5 48 48c0 26-20.6 47.1-46.4 48L481 442.3c-10.3 23-33.2 37.7-58.4 37.7H217.4c-25.2 0-48-14.8-58.4-37.7L46.4 192C20.6 191.1 0 170 0 144c0-26.5 21.5-48 48-48s48 21.5 48 48c0 10.1-3.1 19.4-8.4 27.1L192 192l106.1-92.9c-17.7-8.3-30-26.3-30-47.1c0-28.7 23.3-52 52-52s52 23.3 52 52z"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidWebAwesome(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M372.2 52c0 20.9-12.4 39-30.2 47.2L448 192l104.4-20.9c-5.3-7.7-8.4-17.1-8.4-27.1c0-26.5 21.5-48 48-48s48 21.5 48 48c0 26-20.6 47.1-46.4 48L481 442.3c-10.3 23-33.2 37.7-58.4 37.7H217.4c-25.2 0-48-14.8-58.4-37.7L46.4 192C20.6 191.1 0 170 0 144c0-26.5 21.5-48 48-48s48 21.5 48 48c0 10.1-3.1 19.4-8.4 27.1L192 192l106.1-92.9c-17.7-8.3-30-26.3-30-47.1c0-28.7 23.3-52 52-52s52 23.3 52 52z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M372.2 52c0 20.9-12.4 39-30.2 47.2L448 192l104.4-20.9c-5.3-7.7-8.4-17.1-8.4-27.1c0-26.5 21.5-48 48-48s48 21.5 48 48c0 26-20.6 47.1-46.4 48L481 442.3c-10.3 23-33.2 37.7-58.4 37.7H217.4c-25.2 0-48-14.8-58.4-37.7L46.4 192C20.6 191.1 0 170 0 144c0-26.5 21.5-48 48-48s48 21.5 48 48c0 10.1-3.1 19.4-8.4 27.1L192 192l106.1-92.9c-17.7-8.3-30-26.3-30-47.1c0-28.7 23.3-52 52-52s52 23.3 52 52z"/></svg>
</template>

CSS

.icon-web-awesome {
  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%20640%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M372.2%2052c0%2020.9-12.4%2039-30.2%2047.2L448%20192l104.4-20.9c-5.3-7.7-8.4-17.1-8.4-27.1c0-26.5%2021.5-48%2048-48s48%2021.5%2048%2048c0%2026-20.6%2047.1-46.4%2048L481%20442.3c-10.3%2023-33.2%2037.7-58.4%2037.7H217.4c-25.2%200-48-14.8-58.4-37.7L46.4%20192C20.6%20191.1%200%20170%200%20144c0-26.5%2021.5-48%2048-48s48%2021.5%2048%2048c0%2010.1-3.1%2019.4-8.4%2027.1L192%20192l106.1-92.9c-17.7-8.3-30-26.3-30-47.1c0-28.7%2023.3-52%2052-52s52%2023.3%2052%2052z%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%20640%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M372.2%2052c0%2020.9-12.4%2039-30.2%2047.2L448%20192l104.4-20.9c-5.3-7.7-8.4-17.1-8.4-27.1c0-26.5%2021.5-48%2048-48s48%2021.5%2048%2048c0%2026-20.6%2047.1-46.4%2048L481%20442.3c-10.3%2023-33.2%2037.7-58.4%2037.7H217.4c-25.2%200-48-14.8-58.4-37.7L46.4%20192C20.6%20191.1%200%20170%200%20144c0-26.5%2021.5-48%2048-48s48%2021.5%2048%2048c0%2010.1-3.1%2019.4-8.4%2027.1L192%20192l106.1-92.9c-17.7-8.3-30-26.3-30-47.1c0-28.7%2023.3-52%2052-52s52%2023.3%2052%2052z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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