periscope logo
periscope from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- periscope
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- License
- CC0 1.0
The same logo in other sets
Use the periscope logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16.183 32c2.5 0 12.416-11.251 12.416-18.797C28.599 5.984 22.959 0 16.183 0C9.042 0 3.402 5.984 3.402 13.203C3.402 20.746 13.318 32 16.183 32M14.188 5.131a8.4 8.4 0 0 1 2.031-.251c4 0 7.437 3.401 7.437 7.823c0 3.98-3.437 7.38-7.459 7.38c-4.457 0-7.9-3.4-7.9-7.38c0-1.864.599-3.52 1.64-4.843v.041c0 1.661 1.339 2.979 3 2.979S16 9.521 16 7.86a2.98 2.98 0 0 0-1.812-2.735z"/></svg>
React
import type { SVGProps } from "react";
export function CibPeriscope(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16.183 32c2.5 0 12.416-11.251 12.416-18.797C28.599 5.984 22.959 0 16.183 0C9.042 0 3.402 5.984 3.402 13.203C3.402 20.746 13.318 32 16.183 32M14.188 5.131a8.4 8.4 0 0 1 2.031-.251c4 0 7.437 3.401 7.437 7.823c0 3.98-3.437 7.38-7.459 7.38c-4.457 0-7.9-3.4-7.9-7.38c0-1.864.599-3.52 1.64-4.843v.041c0 1.661 1.339 2.979 3 2.979S16 9.521 16 7.86a2.98 2.98 0 0 0-1.812-2.735z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16.183 32c2.5 0 12.416-11.251 12.416-18.797C28.599 5.984 22.959 0 16.183 0C9.042 0 3.402 5.984 3.402 13.203C3.402 20.746 13.318 32 16.183 32M14.188 5.131a8.4 8.4 0 0 1 2.031-.251c4 0 7.437 3.401 7.437 7.823c0 3.98-3.437 7.38-7.459 7.38c-4.457 0-7.9-3.4-7.9-7.38c0-1.864.599-3.52 1.64-4.843v.041c0 1.661 1.339 2.979 3 2.979S16 9.521 16 7.86a2.98 2.98 0 0 0-1.812-2.735z"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.183%2032c2.5%200%2012.416-11.251%2012.416-18.797C28.599%205.984%2022.959%200%2016.183%200C9.042%200%203.402%205.984%203.402%2013.203C3.402%2020.746%2013.318%2032%2016.183%2032M14.188%205.131a8.4%208.4%200%200%201%202.031-.251c4%200%207.437%203.401%207.437%207.823c0%203.98-3.437%207.38-7.459%207.38c-4.457%200-7.9-3.4-7.9-7.38c0-1.864.599-3.52%201.64-4.843v.041c0%201.661%201.339%202.979%203%202.979S16%209.521%2016%207.86a2.98%202.98%200%200%200-1.812-2.735z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.183%2032c2.5%200%2012.416-11.251%2012.416-18.797C28.599%205.984%2022.959%200%2016.183%200C9.042%200%203.402%205.984%203.402%2013.203C3.402%2020.746%2013.318%2032%2016.183%2032M14.188%205.131a8.4%208.4%200%200%201%202.031-.251c4%200%207.437%203.401%207.437%207.823c0%203.98-3.437%207.38-7.459%207.38c-4.457%200-7.9-3.4-7.9-7.38c0-1.864.599-3.52%201.64-4.843v.041c0%201.661%201.339%202.979%203%202.979S16%209.521%2016%207.86a2.98%202.98%200%200%200-1.812-2.735z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/periscope.svg?color=%231a73e8&size=48
