bridge at night emoji

bridge-at-night from Fluent Emoji Flat by Microsoft Corporation · Default · Travel & Places · MIT Free for personal and commercial use.

Name
bridge-at-night
Set
Fluent Emoji Flat
Style
Default
Category
Travel & Places
Viewbox
32×32
License
MIT

The same emoji in other sets

bridge-at-nightEmoji One (Colored)bridge-at-nightFluent Emojibridge-at-nightFluent Emoji High Contrastbridge-at-nightNoto Emojibridge-at-nightOpenMojibridge-at-nightTwitter Emoji

More travel & places icons from Fluent Emoji Flat

aerial-tramwayairplaneairplane-arrivalairplane-departurealarm-clockambulanceanchorarticulated-lorryauto-rickshawautomobilebankbarber-polebeach-with-umbrellabellhop-bellbicyclebrickbuilding-constructionbullet-trainbusbus-stopcampingcanoecarousel-horsecastle

Use the bridge at night emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#533566" d="M6 2a4 4 0 0 0-4 4v7.824l.301.42l-.301.478v3.423l.678.901l-.678.799V24h28v-4.257l-.573-.697l.573-.644v-3.707l-.511-.589l.511-.355V6a4 4 0 0 0-4-4z"/><path fill="#468cfb" d="M2 22v4c0 .797.233 1.54.635 2.163c6.365-.25 22.375 0 26.754-.038c.387-.614.61-1.341.611-2.121V22c-.696 0-1.07.215-1.47.446c-.46.267-.958.554-2.03.554s-1.57-.287-2.03-.554c-.4-.23-.774-.446-1.47-.446c-.75 0-1.25.25-1.75.5s-1 .5-1.75.5s-1.25-.25-1.75-.5s-1-.5-1.75-.5s-1.25.25-1.75.5s-1 .5-1.75.5s-1.25-.25-1.75-.5s-1-.5-1.75-.5s-1.25.25-1.75.5s-1 .5-1.75.5s-1.25-.25-1.75-.5s-1-.5-1.75-.5"/><path fill="#fcd53f" d="M14.5 8.5a3 3 0 0 0 2.735-4.235a3 3 0 1 1-3.97 3.97c.377.17.795.265 1.235.265"/><path fill="#f92f60" d="M2 14.753v-1.04c1.821-.563 2.993-1.87 3.752-3.21c.506-.892.82-1.788 1.008-2.465A11 11 0 0 0 7 6.958a1 1 0 0 1 2 0a4 4 0 0 0 .046.268c.038.195.1.475.194.812c.188.677.502 1.573 1.008 2.466C11.254 12.28 12.988 14 16 14s4.746-1.72 5.753-3.496c.505-.893.82-1.79 1.007-2.466a11 11 0 0 0 .234-1.034L23 6.958a1 1 0 0 1 1.998 0l.007.046l.04.222c.038.195.1.475.194.812c.188.677.502 1.573 1.008 2.466c.758 1.339 1.93 2.646 3.752 3.208v1.04a6.8 6.8 0 0 1-2-.88V18h2v2h-5v6h-2v-6H9v6H7v-6H2v-2h2v-4.127a6.8 6.8 0 0 1-2 .88m20.623-3.757A8.8 8.8 0 0 1 21 13.09V18h2v-7.734q-.17.362-.378.73M20 13.874a6.8 6.8 0 0 1-2 .88V18h2zm-3 1.069Q16.521 15 16 15t-1-.059V18h2zm-3-.19a6.8 6.8 0 0 1-2-.88V18h2zm-3-1.663a8.8 8.8 0 0 1-1.623-2.093a11 11 0 0 1-.377-.73V18h2zM25 18h2v-4.91a8.8 8.8 0 0 1-1.622-2.094q-.21-.368-.378-.73zM7 18v-7.734q-.17.362-.377.73A8.8 8.8 0 0 1 5 13.09V18z"/><path fill="#e6e6e6" d="M6 26a1 1 0 0 0-1 1v2h6v-2a1 1 0 0 0-1-1zm16 0a1 1 0 0 0-1 1v2h6v-2a1 1 0 0 0-1-1z"/><path fill="#00a6ed" d="M6 30h20c1.5 0 2.805-.825 3.49-2.045c-.394-.075-.67-.234-.96-.401c-.46-.267-.958-.554-2.03-.554s-1.57.287-2.03.554c-.4.23-.774.446-1.47.446s-1.07-.215-1.47-.446c-.46-.267-.958-.554-2.03-.554s-1.57.287-2.03.554c-.4.23-.774.446-1.47.446c-.75 0-1.25-.25-1.75-.5s-1-.5-1.75-.5s-1.25.25-1.75.5s-1 .5-1.75.5s-1.25-.25-1.75-.5s-1-.5-1.75-.5s-1.25.25-1.75.5c-.377.189-.754.377-1.239.458A4 4 0 0 0 6 30"/></g></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiFlatBridgeAtNight(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#533566" d="M6 2a4 4 0 0 0-4 4v7.824l.301.42l-.301.478v3.423l.678.901l-.678.799V24h28v-4.257l-.573-.697l.573-.644v-3.707l-.511-.589l.511-.355V6a4 4 0 0 0-4-4z"/><path fill="#468cfb" d="M2 22v4c0 .797.233 1.54.635 2.163c6.365-.25 22.375 0 26.754-.038c.387-.614.61-1.341.611-2.121V22c-.696 0-1.07.215-1.47.446c-.46.267-.958.554-2.03.554s-1.57-.287-2.03-.554c-.4-.23-.774-.446-1.47-.446c-.75 0-1.25.25-1.75.5s-1 .5-1.75.5s-1.25-.25-1.75-.5s-1-.5-1.75-.5s-1.25.25-1.75.5s-1 .5-1.75.5s-1.25-.25-1.75-.5s-1-.5-1.75-.5s-1.25.25-1.75.5s-1 .5-1.75.5s-1.25-.25-1.75-.5s-1-.5-1.75-.5"/><path fill="#fcd53f" d="M14.5 8.5a3 3 0 0 0 2.735-4.235a3 3 0 1 1-3.97 3.97c.377.17.795.265 1.235.265"/><path fill="#f92f60" d="M2 14.753v-1.04c1.821-.563 2.993-1.87 3.752-3.21c.506-.892.82-1.788 1.008-2.465A11 11 0 0 0 7 6.958a1 1 0 0 1 2 0a4 4 0 0 0 .046.268c.038.195.1.475.194.812c.188.677.502 1.573 1.008 2.466C11.254 12.28 12.988 14 16 14s4.746-1.72 5.753-3.496c.505-.893.82-1.79 1.007-2.466a11 11 0 0 0 .234-1.034L23 6.958a1 1 0 0 1 1.998 0l.007.046l.04.222c.038.195.1.475.194.812c.188.677.502 1.573 1.008 2.466c.758 1.339 1.93 2.646 3.752 3.208v1.04a6.8 6.8 0 0 1-2-.88V18h2v2h-5v6h-2v-6H9v6H7v-6H2v-2h2v-4.127a6.8 6.8 0 0 1-2 .88m20.623-3.757A8.8 8.8 0 0 1 21 13.09V18h2v-7.734q-.17.362-.378.73M20 13.874a6.8 6.8 0 0 1-2 .88V18h2zm-3 1.069Q16.521 15 16 15t-1-.059V18h2zm-3-.19a6.8 6.8 0 0 1-2-.88V18h2zm-3-1.663a8.8 8.8 0 0 1-1.623-2.093a11 11 0 0 1-.377-.73V18h2zM25 18h2v-4.91a8.8 8.8 0 0 1-1.622-2.094q-.21-.368-.378-.73zM7 18v-7.734q-.17.362-.377.73A8.8 8.8 0 0 1 5 13.09V18z"/><path fill="#e6e6e6" d="M6 26a1 1 0 0 0-1 1v2h6v-2a1 1 0 0 0-1-1zm16 0a1 1 0 0 0-1 1v2h6v-2a1 1 0 0 0-1-1z"/><path fill="#00a6ed" d="M6 30h20c1.5 0 2.805-.825 3.49-2.045c-.394-.075-.67-.234-.96-.401c-.46-.267-.958-.554-2.03-.554s-1.57.287-2.03.554c-.4.23-.774.446-1.47.446s-1.07-.215-1.47-.446c-.46-.267-.958-.554-2.03-.554s-1.57.287-2.03.554c-.4.23-.774.446-1.47.446c-.75 0-1.25-.25-1.75-.5s-1-.5-1.75-.5s-1.25.25-1.75.5s-1 .5-1.75.5s-1.25-.25-1.75-.5s-1-.5-1.75-.5s-1.25.25-1.75.5c-.377.189-.754.377-1.239.458A4 4 0 0 0 6 30"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#533566" d="M6 2a4 4 0 0 0-4 4v7.824l.301.42l-.301.478v3.423l.678.901l-.678.799V24h28v-4.257l-.573-.697l.573-.644v-3.707l-.511-.589l.511-.355V6a4 4 0 0 0-4-4z"/><path fill="#468cfb" d="M2 22v4c0 .797.233 1.54.635 2.163c6.365-.25 22.375 0 26.754-.038c.387-.614.61-1.341.611-2.121V22c-.696 0-1.07.215-1.47.446c-.46.267-.958.554-2.03.554s-1.57-.287-2.03-.554c-.4-.23-.774-.446-1.47-.446c-.75 0-1.25.25-1.75.5s-1 .5-1.75.5s-1.25-.25-1.75-.5s-1-.5-1.75-.5s-1.25.25-1.75.5s-1 .5-1.75.5s-1.25-.25-1.75-.5s-1-.5-1.75-.5s-1.25.25-1.75.5s-1 .5-1.75.5s-1.25-.25-1.75-.5s-1-.5-1.75-.5"/><path fill="#fcd53f" d="M14.5 8.5a3 3 0 0 0 2.735-4.235a3 3 0 1 1-3.97 3.97c.377.17.795.265 1.235.265"/><path fill="#f92f60" d="M2 14.753v-1.04c1.821-.563 2.993-1.87 3.752-3.21c.506-.892.82-1.788 1.008-2.465A11 11 0 0 0 7 6.958a1 1 0 0 1 2 0a4 4 0 0 0 .046.268c.038.195.1.475.194.812c.188.677.502 1.573 1.008 2.466C11.254 12.28 12.988 14 16 14s4.746-1.72 5.753-3.496c.505-.893.82-1.79 1.007-2.466a11 11 0 0 0 .234-1.034L23 6.958a1 1 0 0 1 1.998 0l.007.046l.04.222c.038.195.1.475.194.812c.188.677.502 1.573 1.008 2.466c.758 1.339 1.93 2.646 3.752 3.208v1.04a6.8 6.8 0 0 1-2-.88V18h2v2h-5v6h-2v-6H9v6H7v-6H2v-2h2v-4.127a6.8 6.8 0 0 1-2 .88m20.623-3.757A8.8 8.8 0 0 1 21 13.09V18h2v-7.734q-.17.362-.378.73M20 13.874a6.8 6.8 0 0 1-2 .88V18h2zm-3 1.069Q16.521 15 16 15t-1-.059V18h2zm-3-.19a6.8 6.8 0 0 1-2-.88V18h2zm-3-1.663a8.8 8.8 0 0 1-1.623-2.093a11 11 0 0 1-.377-.73V18h2zM25 18h2v-4.91a8.8 8.8 0 0 1-1.622-2.094q-.21-.368-.378-.73zM7 18v-7.734q-.17.362-.377.73A8.8 8.8 0 0 1 5 13.09V18z"/><path fill="#e6e6e6" d="M6 26a1 1 0 0 0-1 1v2h6v-2a1 1 0 0 0-1-1zm16 0a1 1 0 0 0-1 1v2h6v-2a1 1 0 0 0-1-1z"/><path fill="#00a6ed" d="M6 30h20c1.5 0 2.805-.825 3.49-2.045c-.394-.075-.67-.234-.96-.401c-.46-.267-.958-.554-2.03-.554s-1.57.287-2.03.554c-.4.23-.774.446-1.47.446s-1.07-.215-1.47-.446c-.46-.267-.958-.554-2.03-.554s-1.57.287-2.03.554c-.4.23-.774.446-1.47.446c-.75 0-1.25-.25-1.75-.5s-1-.5-1.75-.5s-1.25.25-1.75.5s-1 .5-1.75.5s-1.25-.25-1.75-.5s-1-.5-1.75-.5s-1.25.25-1.75.5c-.377.189-.754.377-1.239.458A4 4 0 0 0 6 30"/></g></svg>
</template>

CSS

.icon-bridge-at-night {
  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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23533566%22%20d%3D%22M6%202a4%204%200%200%200-4%204v7.824l.301.42l-.301.478v3.423l.678.901l-.678.799V24h28v-4.257l-.573-.697l.573-.644v-3.707l-.511-.589l.511-.355V6a4%204%200%200%200-4-4z%22%2F%3E%3Cpath%20fill%3D%22%23468cfb%22%20d%3D%22M2%2022v4c0%20.797.233%201.54.635%202.163c6.365-.25%2022.375%200%2026.754-.038c.387-.614.61-1.341.611-2.121V22c-.696%200-1.07.215-1.47.446c-.46.267-.958.554-2.03.554s-1.57-.287-2.03-.554c-.4-.23-.774-.446-1.47-.446c-.75%200-1.25.25-1.75.5s-1%20.5-1.75.5s-1.25-.25-1.75-.5s-1-.5-1.75-.5s-1.25.25-1.75.5s-1%20.5-1.75.5s-1.25-.25-1.75-.5s-1-.5-1.75-.5s-1.25.25-1.75.5s-1%20.5-1.75.5s-1.25-.25-1.75-.5s-1-.5-1.75-.5%22%2F%3E%3Cpath%20fill%3D%22%23fcd53f%22%20d%3D%22M14.5%208.5a3%203%200%200%200%202.735-4.235a3%203%200%201%201-3.97%203.97c.377.17.795.265%201.235.265%22%2F%3E%3Cpath%20fill%3D%22%23f92f60%22%20d%3D%22M2%2014.753v-1.04c1.821-.563%202.993-1.87%203.752-3.21c.506-.892.82-1.788%201.008-2.465A11%2011%200%200%200%207%206.958a1%201%200%200%201%202%200a4%204%200%200%200%20.046.268c.038.195.1.475.194.812c.188.677.502%201.573%201.008%202.466C11.254%2012.28%2012.988%2014%2016%2014s4.746-1.72%205.753-3.496c.505-.893.82-1.79%201.007-2.466a11%2011%200%200%200%20.234-1.034L23%206.958a1%201%200%200%201%201.998%200l.007.046l.04.222c.038.195.1.475.194.812c.188.677.502%201.573%201.008%202.466c.758%201.339%201.93%202.646%203.752%203.208v1.04a6.8%206.8%200%200%201-2-.88V18h2v2h-5v6h-2v-6H9v6H7v-6H2v-2h2v-4.127a6.8%206.8%200%200%201-2%20.88m20.623-3.757A8.8%208.8%200%200%201%2021%2013.09V18h2v-7.734q-.17.362-.378.73M20%2013.874a6.8%206.8%200%200%201-2%20.88V18h2zm-3%201.069Q16.521%2015%2016%2015t-1-.059V18h2zm-3-.19a6.8%206.8%200%200%201-2-.88V18h2zm-3-1.663a8.8%208.8%200%200%201-1.623-2.093a11%2011%200%200%201-.377-.73V18h2zM25%2018h2v-4.91a8.8%208.8%200%200%201-1.622-2.094q-.21-.368-.378-.73zM7%2018v-7.734q-.17.362-.377.73A8.8%208.8%200%200%201%205%2013.09V18z%22%2F%3E%3Cpath%20fill%3D%22%23e6e6e6%22%20d%3D%22M6%2026a1%201%200%200%200-1%201v2h6v-2a1%201%200%200%200-1-1zm16%200a1%201%200%200%200-1%201v2h6v-2a1%201%200%200%200-1-1z%22%2F%3E%3Cpath%20fill%3D%22%2300a6ed%22%20d%3D%22M6%2030h20c1.5%200%202.805-.825%203.49-2.045c-.394-.075-.67-.234-.96-.401c-.46-.267-.958-.554-2.03-.554s-1.57.287-2.03.554c-.4.23-.774.446-1.47.446s-1.07-.215-1.47-.446c-.46-.267-.958-.554-2.03-.554s-1.57.287-2.03.554c-.4.23-.774.446-1.47.446c-.75%200-1.25-.25-1.75-.5s-1-.5-1.75-.5s-1.25.25-1.75.5s-1%20.5-1.75.5s-1.25-.25-1.75-.5s-1-.5-1.75-.5s-1.25.25-1.75.5c-.377.189-.754.377-1.239.458A4%204%200%200%200%206%2030%22%2F%3E%3C%2Fg%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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23533566%22%20d%3D%22M6%202a4%204%200%200%200-4%204v7.824l.301.42l-.301.478v3.423l.678.901l-.678.799V24h28v-4.257l-.573-.697l.573-.644v-3.707l-.511-.589l.511-.355V6a4%204%200%200%200-4-4z%22%2F%3E%3Cpath%20fill%3D%22%23468cfb%22%20d%3D%22M2%2022v4c0%20.797.233%201.54.635%202.163c6.365-.25%2022.375%200%2026.754-.038c.387-.614.61-1.341.611-2.121V22c-.696%200-1.07.215-1.47.446c-.46.267-.958.554-2.03.554s-1.57-.287-2.03-.554c-.4-.23-.774-.446-1.47-.446c-.75%200-1.25.25-1.75.5s-1%20.5-1.75.5s-1.25-.25-1.75-.5s-1-.5-1.75-.5s-1.25.25-1.75.5s-1%20.5-1.75.5s-1.25-.25-1.75-.5s-1-.5-1.75-.5s-1.25.25-1.75.5s-1%20.5-1.75.5s-1.25-.25-1.75-.5s-1-.5-1.75-.5%22%2F%3E%3Cpath%20fill%3D%22%23fcd53f%22%20d%3D%22M14.5%208.5a3%203%200%200%200%202.735-4.235a3%203%200%201%201-3.97%203.97c.377.17.795.265%201.235.265%22%2F%3E%3Cpath%20fill%3D%22%23f92f60%22%20d%3D%22M2%2014.753v-1.04c1.821-.563%202.993-1.87%203.752-3.21c.506-.892.82-1.788%201.008-2.465A11%2011%200%200%200%207%206.958a1%201%200%200%201%202%200a4%204%200%200%200%20.046.268c.038.195.1.475.194.812c.188.677.502%201.573%201.008%202.466C11.254%2012.28%2012.988%2014%2016%2014s4.746-1.72%205.753-3.496c.505-.893.82-1.79%201.007-2.466a11%2011%200%200%200%20.234-1.034L23%206.958a1%201%200%200%201%201.998%200l.007.046l.04.222c.038.195.1.475.194.812c.188.677.502%201.573%201.008%202.466c.758%201.339%201.93%202.646%203.752%203.208v1.04a6.8%206.8%200%200%201-2-.88V18h2v2h-5v6h-2v-6H9v6H7v-6H2v-2h2v-4.127a6.8%206.8%200%200%201-2%20.88m20.623-3.757A8.8%208.8%200%200%201%2021%2013.09V18h2v-7.734q-.17.362-.378.73M20%2013.874a6.8%206.8%200%200%201-2%20.88V18h2zm-3%201.069Q16.521%2015%2016%2015t-1-.059V18h2zm-3-.19a6.8%206.8%200%200%201-2-.88V18h2zm-3-1.663a8.8%208.8%200%200%201-1.623-2.093a11%2011%200%200%201-.377-.73V18h2zM25%2018h2v-4.91a8.8%208.8%200%200%201-1.622-2.094q-.21-.368-.378-.73zM7%2018v-7.734q-.17.362-.377.73A8.8%208.8%200%200%201%205%2013.09V18z%22%2F%3E%3Cpath%20fill%3D%22%23e6e6e6%22%20d%3D%22M6%2026a1%201%200%200%200-1%201v2h6v-2a1%201%200%200%200-1-1zm16%200a1%201%200%200%200-1%201v2h6v-2a1%201%200%200%200-1-1z%22%2F%3E%3Cpath%20fill%3D%22%2300a6ed%22%20d%3D%22M6%2030h20c1.5%200%202.805-.825%203.49-2.045c-.394-.075-.67-.234-.96-.401c-.46-.267-.958-.554-2.03-.554s-1.57.287-2.03.554c-.4.23-.774.446-1.47.446s-1.07-.215-1.47-.446c-.46-.267-.958-.554-2.03-.554s-1.57.287-2.03.554c-.4.23-.774.446-1.47.446c-.75%200-1.25-.25-1.75-.5s-1-.5-1.75-.5s-1.25.25-1.75.5s-1%20.5-1.75.5s-1.25-.25-1.75-.5s-1-.5-1.75-.5s-1.25.25-1.75.5c-.377.189-.754.377-1.239.458A4%204%200%200%200%206%2030%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-flat/bridge-at-night.svg?color=%231a73e8&size=48