periscope icon
periscope from Line Awesome by Icons8 · Line · Other · Apache-2.0 Free for personal and commercial use.
- Name
- periscope
- Set
- Line Awesome
- Style
- Line
- Category
- Other
- Viewbox
- 32×32
- License
- Apache 2.0
The same icon in other sets
More other icons from Line Awesome
Use the periscope icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16.14 3C9.949 3 5 7.937 5 13.904c0 3.293 2.111 6.88 4.44 9.793c1.164 1.457 2.396 2.729 3.52 3.664c.563.468 1.096.854 1.606 1.139s.981.5 1.575.5c.602 0 1.026-.23 1.505-.516c.48-.286.988-.668 1.528-1.134c1.08-.934 2.283-2.204 3.428-3.659C24.89 20.782 27 17.197 27 13.904C27 7.937 22.079 3 16.14 3m0 2C20.968 5 25 9.04 25 13.904c0 2.365-1.827 5.827-3.97 8.551c-1.073 1.362-2.21 2.555-3.165 3.38a9.3 9.3 0 0 1-1.242.933c-.331.197-.588.232-.482.232c.026 0-.243-.048-.598-.246a9 9 0 0 1-1.305-.93c-.99-.823-2.148-2.014-3.236-3.375C8.827 19.73 7 16.27 7 13.904C7 9.04 11.005 5 16.14 5M16 10c-.061 0-.118.015-.178.018c.108.309.178.636.178.982a3 3 0 0 1-3 3c-.346 0-.673-.07-.982-.178c-.003.06-.018.117-.018.178a4 4 0 1 0 4-4" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function LaPeriscope(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.14 3C9.949 3 5 7.937 5 13.904c0 3.293 2.111 6.88 4.44 9.793c1.164 1.457 2.396 2.729 3.52 3.664c.563.468 1.096.854 1.606 1.139s.981.5 1.575.5c.602 0 1.026-.23 1.505-.516c.48-.286.988-.668 1.528-1.134c1.08-.934 2.283-2.204 3.428-3.659C24.89 20.782 27 17.197 27 13.904C27 7.937 22.079 3 16.14 3m0 2C20.968 5 25 9.04 25 13.904c0 2.365-1.827 5.827-3.97 8.551c-1.073 1.362-2.21 2.555-3.165 3.38a9.3 9.3 0 0 1-1.242.933c-.331.197-.588.232-.482.232c.026 0-.243-.048-.598-.246a9 9 0 0 1-1.305-.93c-.99-.823-2.148-2.014-3.236-3.375C8.827 19.73 7 16.27 7 13.904C7 9.04 11.005 5 16.14 5M16 10c-.061 0-.118.015-.178.018c.108.309.178.636.178.982a3 3 0 0 1-3 3c-.346 0-.673-.07-.982-.178c-.003.06-.018.117-.018.178a4 4 0 1 0 4-4" clipRule="evenodd"/></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.14 3C9.949 3 5 7.937 5 13.904c0 3.293 2.111 6.88 4.44 9.793c1.164 1.457 2.396 2.729 3.52 3.664c.563.468 1.096.854 1.606 1.139s.981.5 1.575.5c.602 0 1.026-.23 1.505-.516c.48-.286.988-.668 1.528-1.134c1.08-.934 2.283-2.204 3.428-3.659C24.89 20.782 27 17.197 27 13.904C27 7.937 22.079 3 16.14 3m0 2C20.968 5 25 9.04 25 13.904c0 2.365-1.827 5.827-3.97 8.551c-1.073 1.362-2.21 2.555-3.165 3.38a9.3 9.3 0 0 1-1.242.933c-.331.197-.588.232-.482.232c.026 0-.243-.048-.598-.246a9 9 0 0 1-1.305-.93c-.99-.823-2.148-2.014-3.236-3.375C8.827 19.73 7 16.27 7 13.904C7 9.04 11.005 5 16.14 5M16 10c-.061 0-.118.015-.178.018c.108.309.178.636.178.982a3 3 0 0 1-3 3c-.346 0-.673-.07-.982-.178c-.003.06-.018.117-.018.178a4 4 0 1 0 4-4" clip-rule="evenodd"/></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.14%203C9.949%203%205%207.937%205%2013.904c0%203.293%202.111%206.88%204.44%209.793c1.164%201.457%202.396%202.729%203.52%203.664c.563.468%201.096.854%201.606%201.139s.981.5%201.575.5c.602%200%201.026-.23%201.505-.516c.48-.286.988-.668%201.528-1.134c1.08-.934%202.283-2.204%203.428-3.659C24.89%2020.782%2027%2017.197%2027%2013.904C27%207.937%2022.079%203%2016.14%203m0%202C20.968%205%2025%209.04%2025%2013.904c0%202.365-1.827%205.827-3.97%208.551c-1.073%201.362-2.21%202.555-3.165%203.38a9.3%209.3%200%200%201-1.242.933c-.331.197-.588.232-.482.232c.026%200-.243-.048-.598-.246a9%209%200%200%201-1.305-.93c-.99-.823-2.148-2.014-3.236-3.375C8.827%2019.73%207%2016.27%207%2013.904C7%209.04%2011.005%205%2016.14%205M16%2010c-.061%200-.118.015-.178.018c.108.309.178.636.178.982a3%203%200%200%201-3%203c-.346%200-.673-.07-.982-.178c-.003.06-.018.117-.018.178a4%204%200%201%200%204-4%22%20clip-rule%3D%22evenodd%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.14%203C9.949%203%205%207.937%205%2013.904c0%203.293%202.111%206.88%204.44%209.793c1.164%201.457%202.396%202.729%203.52%203.664c.563.468%201.096.854%201.606%201.139s.981.5%201.575.5c.602%200%201.026-.23%201.505-.516c.48-.286.988-.668%201.528-1.134c1.08-.934%202.283-2.204%203.428-3.659C24.89%2020.782%2027%2017.197%2027%2013.904C27%207.937%2022.079%203%2016.14%203m0%202C20.968%205%2025%209.04%2025%2013.904c0%202.365-1.827%205.827-3.97%208.551c-1.073%201.362-2.21%202.555-3.165%203.38a9.3%209.3%200%200%201-1.242.933c-.331.197-.588.232-.482.232c.026%200-.243-.048-.598-.246a9%209%200%200%201-1.305-.93c-.99-.823-2.148-2.014-3.236-3.375C8.827%2019.73%207%2016.27%207%2013.904C7%209.04%2011.005%205%2016.14%205M16%2010c-.061%200-.118.015-.178.018c.108.309.178.636.178.982a3%203%200%200%201-3%203c-.346%200-.673-.07-.982-.178c-.003.06-.018.117-.018.178a4%204%200%201%200%204-4%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/periscope.svg?color=%231a73e8&size=48
