ngrok logo
ngrok from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- ngrok
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the ngrok logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.951 7.598v6.713h1.463v-1.69l1.61 1.69H24v-.08l-2.123-2.153l2.002-1.846v-.07H21.95l-1.537 1.496v-4.06zm-2.93 2.41a2.63 2.63 0 0 0-1.787.635a2.05 2.05 0 0 0-.703 1.556c-.002.75.311 1.287.7 1.643c.526.478 1.221.626 1.767.623c.666 0 1.34-.195 1.805-.62c.521-.483.713-1.029.713-1.607c0-.73-.31-1.247-.71-1.603c-.553-.475-1.202-.628-1.785-.627m-9.062.039c-1.188-.005-2.1.977-2.104 2.25c-.004 1.296.908 2.108 2.032 2.096c.664.002.983-.244 1.308-.541v1.193h-1.37l-1.03 1.158v.2H9.66v-6.24H8.195v.435c-.381-.408-.772-.542-1.236-.551m-4.805.11l-.691.786v-.771H0v4.15h1.463v-2.799c.547.002 1.023-.002 1.49-.003v2.802h1.465v-2.595c-.004-.547-.1-.819-.307-1.061a1.43 1.43 0 0 0-.914-.51zm8.114.005v4.15h1.468l.002-2.779h1.065l1.164-1.314v-.057h-1.598l-.635.715v-.715zm-2.946 1.115c.504 0 .96.444.948.948a.956.956 0 0 1-.948.945c-.523 0-.931-.403-.947-.945c-.002-.52.443-.94.947-.948m8.703.001c.525 0 .94.434.944.95c-.027.544-.42.95-.944.95s-.934-.417-.95-.95a.955.955 0 0 1 .95-.95"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsNgrok(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="M18.951 7.598v6.713h1.463v-1.69l1.61 1.69H24v-.08l-2.123-2.153l2.002-1.846v-.07H21.95l-1.537 1.496v-4.06zm-2.93 2.41a2.63 2.63 0 0 0-1.787.635a2.05 2.05 0 0 0-.703 1.556c-.002.75.311 1.287.7 1.643c.526.478 1.221.626 1.767.623c.666 0 1.34-.195 1.805-.62c.521-.483.713-1.029.713-1.607c0-.73-.31-1.247-.71-1.603c-.553-.475-1.202-.628-1.785-.627m-9.062.039c-1.188-.005-2.1.977-2.104 2.25c-.004 1.296.908 2.108 2.032 2.096c.664.002.983-.244 1.308-.541v1.193h-1.37l-1.03 1.158v.2H9.66v-6.24H8.195v.435c-.381-.408-.772-.542-1.236-.551m-4.805.11l-.691.786v-.771H0v4.15h1.463v-2.799c.547.002 1.023-.002 1.49-.003v2.802h1.465v-2.595c-.004-.547-.1-.819-.307-1.061a1.43 1.43 0 0 0-.914-.51zm8.114.005v4.15h1.468l.002-2.779h1.065l1.164-1.314v-.057h-1.598l-.635.715v-.715zm-2.946 1.115c.504 0 .96.444.948.948a.956.956 0 0 1-.948.945c-.523 0-.931-.403-.947-.945c-.002-.52.443-.94.947-.948m8.703.001c.525 0 .94.434.944.95c-.027.544-.42.95-.944.95s-.934-.417-.95-.95a.955.955 0 0 1 .95-.95"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.951 7.598v6.713h1.463v-1.69l1.61 1.69H24v-.08l-2.123-2.153l2.002-1.846v-.07H21.95l-1.537 1.496v-4.06zm-2.93 2.41a2.63 2.63 0 0 0-1.787.635a2.05 2.05 0 0 0-.703 1.556c-.002.75.311 1.287.7 1.643c.526.478 1.221.626 1.767.623c.666 0 1.34-.195 1.805-.62c.521-.483.713-1.029.713-1.607c0-.73-.31-1.247-.71-1.603c-.553-.475-1.202-.628-1.785-.627m-9.062.039c-1.188-.005-2.1.977-2.104 2.25c-.004 1.296.908 2.108 2.032 2.096c.664.002.983-.244 1.308-.541v1.193h-1.37l-1.03 1.158v.2H9.66v-6.24H8.195v.435c-.381-.408-.772-.542-1.236-.551m-4.805.11l-.691.786v-.771H0v4.15h1.463v-2.799c.547.002 1.023-.002 1.49-.003v2.802h1.465v-2.595c-.004-.547-.1-.819-.307-1.061a1.43 1.43 0 0 0-.914-.51zm8.114.005v4.15h1.468l.002-2.779h1.065l1.164-1.314v-.057h-1.598l-.635.715v-.715zm-2.946 1.115c.504 0 .96.444.948.948a.956.956 0 0 1-.948.945c-.523 0-.931-.403-.947-.945c-.002-.52.443-.94.947-.948m8.703.001c.525 0 .94.434.944.95c-.027.544-.42.95-.944.95s-.934-.417-.95-.95a.955.955 0 0 1 .95-.95"/></svg> </template>
CSS
.icon-ngrok {
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%22M18.951%207.598v6.713h1.463v-1.69l1.61%201.69H24v-.08l-2.123-2.153l2.002-1.846v-.07H21.95l-1.537%201.496v-4.06zm-2.93%202.41a2.63%202.63%200%200%200-1.787.635a2.05%202.05%200%200%200-.703%201.556c-.002.75.311%201.287.7%201.643c.526.478%201.221.626%201.767.623c.666%200%201.34-.195%201.805-.62c.521-.483.713-1.029.713-1.607c0-.73-.31-1.247-.71-1.603c-.553-.475-1.202-.628-1.785-.627m-9.062.039c-1.188-.005-2.1.977-2.104%202.25c-.004%201.296.908%202.108%202.032%202.096c.664.002.983-.244%201.308-.541v1.193h-1.37l-1.03%201.158v.2H9.66v-6.24H8.195v.435c-.381-.408-.772-.542-1.236-.551m-4.805.11l-.691.786v-.771H0v4.15h1.463v-2.799c.547.002%201.023-.002%201.49-.003v2.802h1.465v-2.595c-.004-.547-.1-.819-.307-1.061a1.43%201.43%200%200%200-.914-.51zm8.114.005v4.15h1.468l.002-2.779h1.065l1.164-1.314v-.057h-1.598l-.635.715v-.715zm-2.946%201.115c.504%200%20.96.444.948.948a.956.956%200%200%201-.948.945c-.523%200-.931-.403-.947-.945c-.002-.52.443-.94.947-.948m8.703.001c.525%200%20.94.434.944.95c-.027.544-.42.95-.944.95s-.934-.417-.95-.95a.955.955%200%200%201%20.95-.95%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%22M18.951%207.598v6.713h1.463v-1.69l1.61%201.69H24v-.08l-2.123-2.153l2.002-1.846v-.07H21.95l-1.537%201.496v-4.06zm-2.93%202.41a2.63%202.63%200%200%200-1.787.635a2.05%202.05%200%200%200-.703%201.556c-.002.75.311%201.287.7%201.643c.526.478%201.221.626%201.767.623c.666%200%201.34-.195%201.805-.62c.521-.483.713-1.029.713-1.607c0-.73-.31-1.247-.71-1.603c-.553-.475-1.202-.628-1.785-.627m-9.062.039c-1.188-.005-2.1.977-2.104%202.25c-.004%201.296.908%202.108%202.032%202.096c.664.002.983-.244%201.308-.541v1.193h-1.37l-1.03%201.158v.2H9.66v-6.24H8.195v.435c-.381-.408-.772-.542-1.236-.551m-4.805.11l-.691.786v-.771H0v4.15h1.463v-2.799c.547.002%201.023-.002%201.49-.003v2.802h1.465v-2.595c-.004-.547-.1-.819-.307-1.061a1.43%201.43%200%200%200-.914-.51zm8.114.005v4.15h1.468l.002-2.779h1.065l1.164-1.314v-.057h-1.598l-.635.715v-.715zm-2.946%201.115c.504%200%20.96.444.948.948a.956.956%200%200%201-.948.945c-.523%200-.931-.403-.947-.945c-.002-.52.443-.94.947-.948m8.703.001c.525%200%20.94.434.944.95c-.027.544-.42.95-.944.95s-.934-.417-.95-.95a.955.955%200%200%201%20.95-.95%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/ngrok.svg?color=%231a73e8&size=48
