follow the signs icon

follow-the-signs from Material Symbols Light by Google · Regular · Social · Apache-2.0 Free for personal and commercial use.

Name: follow-the-signs
Set: Material Symbols Light
Style: Regular
Category: Social
Viewbox: 24×24
License: Apache 2.0
Aliases: follow-the-signs-outline, follow-the-signs-outline-sharp, follow-the-signs-sharp

1 other variant in Material Symbols Light

follow-the-signs-rounded

The same icon in other sets

follow-the-signsMaterial Symbols

More social icons from Material Symbols Light

Use the follow the signs icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9.5 5.192q-.69 0-1.191-.5q-.501-.502-.501-1.192t.5-1.191T9.5 1.808t1.191.5q.501.502.501 1.192t-.5 1.191q-.502.501-1.192.501M3.654 22.5L6.442 8.054L3.5 9.284V12.5h-1V8.608l4.616-1.9q.675-.275 1.25-.14t.911.69l.97 1.58q.655 1.062 1.773 1.785q1.119.723 2.48.839v1q-1.766-.116-3.101-1.076q-1.336-.959-2.137-2.274l-.889 4.519l2.127 2.088V22.5h-1v-5.673l-2.92-2.789L4.678 22.5zm13.404.192v-14h-3.75V2.308h8.384v6.384h-3.75v14zm.967-15.16L20.058 5.5l-2.033-2.033l-.633.633l.958.958h-3.542v.884h3.542l-.958.958z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightFollowTheSigns(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9.5 5.192q-.69 0-1.191-.5q-.501-.502-.501-1.192t.5-1.191T9.5 1.808t1.191.5q.501.502.501 1.192t-.5 1.191q-.502.501-1.192.501M3.654 22.5L6.442 8.054L3.5 9.284V12.5h-1V8.608l4.616-1.9q.675-.275 1.25-.14t.911.69l.97 1.58q.655 1.062 1.773 1.785q1.119.723 2.48.839v1q-1.766-.116-3.101-1.076q-1.336-.959-2.137-2.274l-.889 4.519l2.127 2.088V22.5h-1v-5.673l-2.92-2.789L4.678 22.5zm13.404.192v-14h-3.75V2.308h8.384v6.384h-3.75v14zm.967-15.16L20.058 5.5l-2.033-2.033l-.633.633l.958.958h-3.542v.884h3.542l-.958.958z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9.5 5.192q-.69 0-1.191-.5q-.501-.502-.501-1.192t.5-1.191T9.5 1.808t1.191.5q.501.502.501 1.192t-.5 1.191q-.502.501-1.192.501M3.654 22.5L6.442 8.054L3.5 9.284V12.5h-1V8.608l4.616-1.9q.675-.275 1.25-.14t.911.69l.97 1.58q.655 1.062 1.773 1.785q1.119.723 2.48.839v1q-1.766-.116-3.101-1.076q-1.336-.959-2.137-2.274l-.889 4.519l2.127 2.088V22.5h-1v-5.673l-2.92-2.789L4.678 22.5zm13.404.192v-14h-3.75V2.308h8.384v6.384h-3.75v14zm.967-15.16L20.058 5.5l-2.033-2.033l-.633.633l.958.958h-3.542v.884h3.542l-.958.958z"/></svg>
</template>

CSS

.icon-follow-the-signs {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.5%205.192q-.69%200-1.191-.5q-.501-.502-.501-1.192t.5-1.191T9.5%201.808t1.191.5q.501.502.501%201.192t-.5%201.191q-.502.501-1.192.501M3.654%2022.5L6.442%208.054L3.5%209.284V12.5h-1V8.608l4.616-1.9q.675-.275%201.25-.14t.911.69l.97%201.58q.655%201.062%201.773%201.785q1.119.723%202.48.839v1q-1.766-.116-3.101-1.076q-1.336-.959-2.137-2.274l-.889%204.519l2.127%202.088V22.5h-1v-5.673l-2.92-2.789L4.678%2022.5zm13.404.192v-14h-3.75V2.308h8.384v6.384h-3.75v14zm.967-15.16L20.058%205.5l-2.033-2.033l-.633.633l.958.958h-3.542v.884h3.542l-.958.958z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.5%205.192q-.69%200-1.191-.5q-.501-.502-.501-1.192t.5-1.191T9.5%201.808t1.191.5q.501.502.501%201.192t-.5%201.191q-.502.501-1.192.501M3.654%2022.5L6.442%208.054L3.5%209.284V12.5h-1V8.608l4.616-1.9q.675-.275%201.25-.14t.911.69l.97%201.58q.655%201.062%201.773%201.785q1.119.723%202.48.839v1q-1.766-.116-3.101-1.076q-1.336-.959-2.137-2.274l-.889%204.519l2.127%202.088V22.5h-1v-5.673l-2.92-2.789L4.678%2022.5zm13.404.192v-14h-3.75V2.308h8.384v6.384h-3.75v14zm.967-15.16L20.058%205.5l-2.033-2.033l-.633.633l.958.958h-3.542v.884h3.542l-.958.958z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/follow-the-signs.svg?color=%231a73e8&size=48