bridge water icon

bridge-water from Font Awesome Solid by Dave Gandy · Solid · CC-BY-4.0 Attribution required.

Name: bridge-water
Set: Font Awesome Solid
Style: Solid
Viewbox: 640×640
License: CC BY 4.0

The same icon in other sets

Related icons in Font Awesome Solid

bridge-circle-check bridge-circle-exclamation bridge-circle-xmark bridge-lock

Use the bridge water icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M64 128h512v112c-37.6 9.4-64 43.2-64 82v76.4c-21-9.7-43.5-14.5-66-14.4c-10 .1-20.1 1.1-30 3.1V352c0-53-43-96-96-96s-96 43-96 96v32.7c-5.3-.5-10.7-.8-16-.7c-27.7.2-55.4 7.8-80 23v-85c0-38.8-26.4-72.6-64-82zm339.4 380.1C379.1 526.3 351.1 544 320 544s-59.1-17.7-83.4-35.9c-21.3-16.1-49.9-16.1-71.2 0c-23.8 17.9-54.1 35.5-88.1 35.3c-20.4-.1-40.7-6.7-59.8-21.1c-10.6-8-12.7-23-4.7-33.6s23-12.7 33.6-4.7c11.3 8.5 21.6 11.4 31.2 11.5c17.6.1 37.3-9.4 58.9-25.7c38.4-29 90.5-29 129 0c24 18.1 40.7 26.3 54.5 26.3s30.5-8.2 54.5-26.3c38.4-29 90.5-29 129 0c16.9 12.7 32.9 21.5 47.8 24.6c13.7 2.8 27.4.9 42.3-10.3c10.6-8 25.6-5.9 33.6 4.7s5.9 25.6-4.7 33.6c-26.4 19.9-54.2 24.4-80.7 19.1c-25.3-5.1-48.1-18.9-67.2-33.3c-21.3-16.1-49.9-16.1-71.2 0z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidBridgeWater(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M64 128h512v112c-37.6 9.4-64 43.2-64 82v76.4c-21-9.7-43.5-14.5-66-14.4c-10 .1-20.1 1.1-30 3.1V352c0-53-43-96-96-96s-96 43-96 96v32.7c-5.3-.5-10.7-.8-16-.7c-27.7.2-55.4 7.8-80 23v-85c0-38.8-26.4-72.6-64-82zm339.4 380.1C379.1 526.3 351.1 544 320 544s-59.1-17.7-83.4-35.9c-21.3-16.1-49.9-16.1-71.2 0c-23.8 17.9-54.1 35.5-88.1 35.3c-20.4-.1-40.7-6.7-59.8-21.1c-10.6-8-12.7-23-4.7-33.6s23-12.7 33.6-4.7c11.3 8.5 21.6 11.4 31.2 11.5c17.6.1 37.3-9.4 58.9-25.7c38.4-29 90.5-29 129 0c24 18.1 40.7 26.3 54.5 26.3s30.5-8.2 54.5-26.3c38.4-29 90.5-29 129 0c16.9 12.7 32.9 21.5 47.8 24.6c13.7 2.8 27.4.9 42.3-10.3c10.6-8 25.6-5.9 33.6 4.7s5.9 25.6-4.7 33.6c-26.4 19.9-54.2 24.4-80.7 19.1c-25.3-5.1-48.1-18.9-67.2-33.3c-21.3-16.1-49.9-16.1-71.2 0z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M64 128h512v112c-37.6 9.4-64 43.2-64 82v76.4c-21-9.7-43.5-14.5-66-14.4c-10 .1-20.1 1.1-30 3.1V352c0-53-43-96-96-96s-96 43-96 96v32.7c-5.3-.5-10.7-.8-16-.7c-27.7.2-55.4 7.8-80 23v-85c0-38.8-26.4-72.6-64-82zm339.4 380.1C379.1 526.3 351.1 544 320 544s-59.1-17.7-83.4-35.9c-21.3-16.1-49.9-16.1-71.2 0c-23.8 17.9-54.1 35.5-88.1 35.3c-20.4-.1-40.7-6.7-59.8-21.1c-10.6-8-12.7-23-4.7-33.6s23-12.7 33.6-4.7c11.3 8.5 21.6 11.4 31.2 11.5c17.6.1 37.3-9.4 58.9-25.7c38.4-29 90.5-29 129 0c24 18.1 40.7 26.3 54.5 26.3s30.5-8.2 54.5-26.3c38.4-29 90.5-29 129 0c16.9 12.7 32.9 21.5 47.8 24.6c13.7 2.8 27.4.9 42.3-10.3c10.6-8 25.6-5.9 33.6 4.7s5.9 25.6-4.7 33.6c-26.4 19.9-54.2 24.4-80.7 19.1c-25.3-5.1-48.1-18.9-67.2-33.3c-21.3-16.1-49.9-16.1-71.2 0z"/></svg>
</template>

CSS

.icon-bridge-water {
  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%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M64%20128h512v112c-37.6%209.4-64%2043.2-64%2082v76.4c-21-9.7-43.5-14.5-66-14.4c-10%20.1-20.1%201.1-30%203.1V352c0-53-43-96-96-96s-96%2043-96%2096v32.7c-5.3-.5-10.7-.8-16-.7c-27.7.2-55.4%207.8-80%2023v-85c0-38.8-26.4-72.6-64-82zm339.4%20380.1C379.1%20526.3%20351.1%20544%20320%20544s-59.1-17.7-83.4-35.9c-21.3-16.1-49.9-16.1-71.2%200c-23.8%2017.9-54.1%2035.5-88.1%2035.3c-20.4-.1-40.7-6.7-59.8-21.1c-10.6-8-12.7-23-4.7-33.6s23-12.7%2033.6-4.7c11.3%208.5%2021.6%2011.4%2031.2%2011.5c17.6.1%2037.3-9.4%2058.9-25.7c38.4-29%2090.5-29%20129%200c24%2018.1%2040.7%2026.3%2054.5%2026.3s30.5-8.2%2054.5-26.3c38.4-29%2090.5-29%20129%200c16.9%2012.7%2032.9%2021.5%2047.8%2024.6c13.7%202.8%2027.4.9%2042.3-10.3c10.6-8%2025.6-5.9%2033.6%204.7s5.9%2025.6-4.7%2033.6c-26.4%2019.9-54.2%2024.4-80.7%2019.1c-25.3-5.1-48.1-18.9-67.2-33.3c-21.3-16.1-49.9-16.1-71.2%200z%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%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M64%20128h512v112c-37.6%209.4-64%2043.2-64%2082v76.4c-21-9.7-43.5-14.5-66-14.4c-10%20.1-20.1%201.1-30%203.1V352c0-53-43-96-96-96s-96%2043-96%2096v32.7c-5.3-.5-10.7-.8-16-.7c-27.7.2-55.4%207.8-80%2023v-85c0-38.8-26.4-72.6-64-82zm339.4%20380.1C379.1%20526.3%20351.1%20544%20320%20544s-59.1-17.7-83.4-35.9c-21.3-16.1-49.9-16.1-71.2%200c-23.8%2017.9-54.1%2035.5-88.1%2035.3c-20.4-.1-40.7-6.7-59.8-21.1c-10.6-8-12.7-23-4.7-33.6s23-12.7%2033.6-4.7c11.3%208.5%2021.6%2011.4%2031.2%2011.5c17.6.1%2037.3-9.4%2058.9-25.7c38.4-29%2090.5-29%20129%200c24%2018.1%2040.7%2026.3%2054.5%2026.3s30.5-8.2%2054.5-26.3c38.4-29%2090.5-29%20129%200c16.9%2012.7%2032.9%2021.5%2047.8%2024.6c13.7%202.8%2027.4.9%2042.3-10.3c10.6-8%2025.6-5.9%2033.6%204.7s5.9%2025.6-4.7%2033.6c-26.4%2019.9-54.2%2024.4-80.7%2019.1c-25.3-5.1-48.1-18.9-67.2-33.3c-21.3-16.1-49.9-16.1-71.2%200z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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