road lock icon

road-lock from Font Awesome Solid by Dave Gandy · Solid · CC-BY-4.0 Attribution required.

Name: road-lock
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

road-barrier road-bridge road-circle-check road-circle-exclamation road-circle-xmark road-spikes

Use the road lock icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M288 96h-76.3c-29.4 0-55.1 20.1-62.1 48.6L65.4 484.5C57.9 514.7 80.8 544 112 544h175.9v-64c0-17.7 14.3-32 32-32c6.1 0 11.8 1.7 16.7 4.7c2.8-23.9 14.3-45.1 31.4-60.3V368c0-70.7 57.3-128 128-128c6.2 0 12.4.4 18.4 1.3l-23.9-96.7c-7.1-28.5-32.7-48.6-62.2-48.6h-76.4v64c0 17.7-14.3 32-32 32s-32-14.3-32-32V96zm64 192v64c0 17.7-14.3 32-32 32s-32-14.3-32-32v-64c0-17.7 14.3-32 32-32s32 14.3 32 32m176 80.1V416h-64v-47.9c0-17.7 14.3-32 32-32s32 14.3 32 32M384 464v96c0 26.5 21.5 48 48 48h128c26.5 0 48-21.5 48-48v-96c0-20.9-13.4-38.7-32-45.3v-50.6c0-44.2-35.8-80-80-80s-80 35.8-80 80v50.6c-18.6 6.6-32 24.4-32 45.3"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidRoadLock(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="M288 96h-76.3c-29.4 0-55.1 20.1-62.1 48.6L65.4 484.5C57.9 514.7 80.8 544 112 544h175.9v-64c0-17.7 14.3-32 32-32c6.1 0 11.8 1.7 16.7 4.7c2.8-23.9 14.3-45.1 31.4-60.3V368c0-70.7 57.3-128 128-128c6.2 0 12.4.4 18.4 1.3l-23.9-96.7c-7.1-28.5-32.7-48.6-62.2-48.6h-76.4v64c0 17.7-14.3 32-32 32s-32-14.3-32-32V96zm64 192v64c0 17.7-14.3 32-32 32s-32-14.3-32-32v-64c0-17.7 14.3-32 32-32s32 14.3 32 32m176 80.1V416h-64v-47.9c0-17.7 14.3-32 32-32s32 14.3 32 32M384 464v96c0 26.5 21.5 48 48 48h128c26.5 0 48-21.5 48-48v-96c0-20.9-13.4-38.7-32-45.3v-50.6c0-44.2-35.8-80-80-80s-80 35.8-80 80v50.6c-18.6 6.6-32 24.4-32 45.3"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M288 96h-76.3c-29.4 0-55.1 20.1-62.1 48.6L65.4 484.5C57.9 514.7 80.8 544 112 544h175.9v-64c0-17.7 14.3-32 32-32c6.1 0 11.8 1.7 16.7 4.7c2.8-23.9 14.3-45.1 31.4-60.3V368c0-70.7 57.3-128 128-128c6.2 0 12.4.4 18.4 1.3l-23.9-96.7c-7.1-28.5-32.7-48.6-62.2-48.6h-76.4v64c0 17.7-14.3 32-32 32s-32-14.3-32-32V96zm64 192v64c0 17.7-14.3 32-32 32s-32-14.3-32-32v-64c0-17.7 14.3-32 32-32s32 14.3 32 32m176 80.1V416h-64v-47.9c0-17.7 14.3-32 32-32s32 14.3 32 32M384 464v96c0 26.5 21.5 48 48 48h128c26.5 0 48-21.5 48-48v-96c0-20.9-13.4-38.7-32-45.3v-50.6c0-44.2-35.8-80-80-80s-80 35.8-80 80v50.6c-18.6 6.6-32 24.4-32 45.3"/></svg>
</template>

CSS

.icon-road-lock {
  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%22M288%2096h-76.3c-29.4%200-55.1%2020.1-62.1%2048.6L65.4%20484.5C57.9%20514.7%2080.8%20544%20112%20544h175.9v-64c0-17.7%2014.3-32%2032-32c6.1%200%2011.8%201.7%2016.7%204.7c2.8-23.9%2014.3-45.1%2031.4-60.3V368c0-70.7%2057.3-128%20128-128c6.2%200%2012.4.4%2018.4%201.3l-23.9-96.7c-7.1-28.5-32.7-48.6-62.2-48.6h-76.4v64c0%2017.7-14.3%2032-32%2032s-32-14.3-32-32V96zm64%20192v64c0%2017.7-14.3%2032-32%2032s-32-14.3-32-32v-64c0-17.7%2014.3-32%2032-32s32%2014.3%2032%2032m176%2080.1V416h-64v-47.9c0-17.7%2014.3-32%2032-32s32%2014.3%2032%2032M384%20464v96c0%2026.5%2021.5%2048%2048%2048h128c26.5%200%2048-21.5%2048-48v-96c0-20.9-13.4-38.7-32-45.3v-50.6c0-44.2-35.8-80-80-80s-80%2035.8-80%2080v50.6c-18.6%206.6-32%2024.4-32%2045.3%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%22M288%2096h-76.3c-29.4%200-55.1%2020.1-62.1%2048.6L65.4%20484.5C57.9%20514.7%2080.8%20544%20112%20544h175.9v-64c0-17.7%2014.3-32%2032-32c6.1%200%2011.8%201.7%2016.7%204.7c2.8-23.9%2014.3-45.1%2031.4-60.3V368c0-70.7%2057.3-128%20128-128c6.2%200%2012.4.4%2018.4%201.3l-23.9-96.7c-7.1-28.5-32.7-48.6-62.2-48.6h-76.4v64c0%2017.7-14.3%2032-32%2032s-32-14.3-32-32V96zm64%20192v64c0%2017.7-14.3%2032-32%2032s-32-14.3-32-32v-64c0-17.7%2014.3-32%2032-32s32%2014.3%2032%2032m176%2080.1V416h-64v-47.9c0-17.7%2014.3-32%2032-32s32%2014.3%2032%2032M384%20464v96c0%2026.5%2021.5%2048%2048%2048h128c26.5%200%2048-21.5%2048-48v-96c0-20.9-13.4-38.7-32-45.3v-50.6c0-44.2-35.8-80-80-80s-80%2035.8-80%2080v50.6c-18.6%206.6-32%2024.4-32%2045.3%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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