periscope logo

periscope from Font Awesome Brands by Dave Gandy · Brand · CC-BY-4.0 Attribution required.

Name: periscope
Set: Font Awesome Brands
Style: Brand
Viewbox: 640×640
License: CC BY 4.0

The same logo in other sets

periscopeBoxicons Brands periscopeCoreUI Brands periscopeFont Awesome 6 Brands periscopeHuge Icons periscopeJam Icons periscopeLine Awesome periscopeSVG Logos periscopeMaterial Design Icons

Use the periscope logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M466 127.6C427.4 86.6 376.5 64 322.6 64c-114.7 0-208.1 96.2-208.1 214.4c0 75.1 57.8 159.8 82.7 192.7C233.8 519.5 288.6 576 322.6 576c41.6 0 112.9-94.2 120.9-105c24.6-33.1 82-118.3 82-192.6c0-56.5-21.1-110.1-59.5-150.8M322.6 557.9c-42.5 0-190-167.3-190-279.4c0-107.4 83.9-196.3 190-196.3c100.8 0 184.7 89 184.7 196.3c.1 112.1-147.4 279.4-184.7 279.4M434 270.8c0 59.1-51.1 109.7-110.8 109.7c-100.6 0-150.7-108.2-92.9-181.8v.4c0 24.5 20.1 44.4 44.8 44.4s44.8-19.9 44.8-44.4c0-18.2-11.1-33.8-26.9-40.7c76.6-19.2 141 39.3 141 112.4"/></svg>

React

import type { SVGProps } from "react";

export function Fa7BrandsPeriscope(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="M466 127.6C427.4 86.6 376.5 64 322.6 64c-114.7 0-208.1 96.2-208.1 214.4c0 75.1 57.8 159.8 82.7 192.7C233.8 519.5 288.6 576 322.6 576c41.6 0 112.9-94.2 120.9-105c24.6-33.1 82-118.3 82-192.6c0-56.5-21.1-110.1-59.5-150.8M322.6 557.9c-42.5 0-190-167.3-190-279.4c0-107.4 83.9-196.3 190-196.3c100.8 0 184.7 89 184.7 196.3c.1 112.1-147.4 279.4-184.7 279.4M434 270.8c0 59.1-51.1 109.7-110.8 109.7c-100.6 0-150.7-108.2-92.9-181.8v.4c0 24.5 20.1 44.4 44.8 44.4s44.8-19.9 44.8-44.4c0-18.2-11.1-33.8-26.9-40.7c76.6-19.2 141 39.3 141 112.4"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M466 127.6C427.4 86.6 376.5 64 322.6 64c-114.7 0-208.1 96.2-208.1 214.4c0 75.1 57.8 159.8 82.7 192.7C233.8 519.5 288.6 576 322.6 576c41.6 0 112.9-94.2 120.9-105c24.6-33.1 82-118.3 82-192.6c0-56.5-21.1-110.1-59.5-150.8M322.6 557.9c-42.5 0-190-167.3-190-279.4c0-107.4 83.9-196.3 190-196.3c100.8 0 184.7 89 184.7 196.3c.1 112.1-147.4 279.4-184.7 279.4M434 270.8c0 59.1-51.1 109.7-110.8 109.7c-100.6 0-150.7-108.2-92.9-181.8v.4c0 24.5 20.1 44.4 44.8 44.4s44.8-19.9 44.8-44.4c0-18.2-11.1-33.8-26.9-40.7c76.6-19.2 141 39.3 141 112.4"/></svg>
</template>

CSS

.icon-periscope {
  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%22M466%20127.6C427.4%2086.6%20376.5%2064%20322.6%2064c-114.7%200-208.1%2096.2-208.1%20214.4c0%2075.1%2057.8%20159.8%2082.7%20192.7C233.8%20519.5%20288.6%20576%20322.6%20576c41.6%200%20112.9-94.2%20120.9-105c24.6-33.1%2082-118.3%2082-192.6c0-56.5-21.1-110.1-59.5-150.8M322.6%20557.9c-42.5%200-190-167.3-190-279.4c0-107.4%2083.9-196.3%20190-196.3c100.8%200%20184.7%2089%20184.7%20196.3c.1%20112.1-147.4%20279.4-184.7%20279.4M434%20270.8c0%2059.1-51.1%20109.7-110.8%20109.7c-100.6%200-150.7-108.2-92.9-181.8v.4c0%2024.5%2020.1%2044.4%2044.8%2044.4s44.8-19.9%2044.8-44.4c0-18.2-11.1-33.8-26.9-40.7c76.6-19.2%20141%2039.3%20141%20112.4%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%22M466%20127.6C427.4%2086.6%20376.5%2064%20322.6%2064c-114.7%200-208.1%2096.2-208.1%20214.4c0%2075.1%2057.8%20159.8%2082.7%20192.7C233.8%20519.5%20288.6%20576%20322.6%20576c41.6%200%20112.9-94.2%20120.9-105c24.6-33.1%2082-118.3%2082-192.6c0-56.5-21.1-110.1-59.5-150.8M322.6%20557.9c-42.5%200-190-167.3-190-279.4c0-107.4%2083.9-196.3%20190-196.3c100.8%200%20184.7%2089%20184.7%20196.3c.1%20112.1-147.4%20279.4-184.7%20279.4M434%20270.8c0%2059.1-51.1%20109.7-110.8%20109.7c-100.6%200-150.7-108.2-92.9-181.8v.4c0%2024.5%2020.1%2044.4%2044.8%2044.4s44.8-19.9%2044.8-44.4c0-18.2-11.1-33.8-26.9-40.7c76.6-19.2%20141%2039.3%20141%20112.4%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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