telescope icon
telescope from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- telescope
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
2 other variants in IonIcons
The same icon in other sets
telescopeAkar IconstelescopeCodiconstelescopeEmoji One (Colored)telescopeFluent EmojitelescopeFluent Emoji FlattelescopeFluent Emoji High ContrasttelescopeFirefox OS EmojitelescopeIconParktelescopeIconPark OutlinetelescopeIconPark SolidtelescopeIconPark TwoTonetelescopeLucidetelescopeMajesticonstelescopeMaterial Design Iconstelescope-fillMingCute IcontelescopeNoto EmojitelescopeOcticonstelescopeOpenMojitelescope-boldSolartelescopeStreamline EmojistelescopeTabler IconstelescopeTwitter EmojitelescopeUnicons
Use the telescope icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M107.56 250a16 16 0 0 0-21.85-5.86L36 272.81a39.7 39.7 0 0 0-18.8 24.91a40.9 40.9 0 0 0 4.55 30.35l4.36 7.54a40 40 0 0 0 54.62 14.62l49.67-28.63a16 16 0 0 0 5.87-21.86Z"/><path fill="currentColor" d="M382.84 440.8L288.72 254a2 2 0 0 1 .79-2.63l8.3-4.79a16 16 0 0 0 5.86-21.86l-47.53-82.33a16 16 0 0 0-21.86-5.87l-86.38 49.8a39.73 39.73 0 0 0-18.65 24.28a34.8 34.8 0 0 0-1.37 9.76c.06 7.6 9.2 22.7 18.12 38.28c9.59 16.75 19.24 33.88 26.34 38.15c4.52 2.72 12.5 4.9 19.21 4.9h.84l-79.32 171.6a16 16 0 1 0 29.05 13.42l93.68-202.65a7.94 7.94 0 0 1 3.26-3.57l19.21-11.08a2 2 0 0 1 2.78.84l93.21 185a16 16 0 0 0 28.58-14.4Zm107.37-325.06L444.09 36a40.08 40.08 0 0 0-54.63-14.62l-93.34 53.78a39.7 39.7 0 0 0-18.65 24.28a32.8 32.8 0 0 0-1.27 13.25c1.74 12.62 13 30.4 26.41 53.89c13.58 23.73 28.91 50.48 36.93 56.27a40.2 40.2 0 0 0 23.18 7.37a39.77 39.77 0 0 0 19.92-5.34L476 171.07a39.72 39.72 0 0 0 18.79-24.84a41 41 0 0 0-4.58-30.49"/></svg>
React
import type { SVGProps } from "react";
export function IonTelescope(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M107.56 250a16 16 0 0 0-21.85-5.86L36 272.81a39.7 39.7 0 0 0-18.8 24.91a40.9 40.9 0 0 0 4.55 30.35l4.36 7.54a40 40 0 0 0 54.62 14.62l49.67-28.63a16 16 0 0 0 5.87-21.86Z"/><path fill="currentColor" d="M382.84 440.8L288.72 254a2 2 0 0 1 .79-2.63l8.3-4.79a16 16 0 0 0 5.86-21.86l-47.53-82.33a16 16 0 0 0-21.86-5.87l-86.38 49.8a39.73 39.73 0 0 0-18.65 24.28a34.8 34.8 0 0 0-1.37 9.76c.06 7.6 9.2 22.7 18.12 38.28c9.59 16.75 19.24 33.88 26.34 38.15c4.52 2.72 12.5 4.9 19.21 4.9h.84l-79.32 171.6a16 16 0 1 0 29.05 13.42l93.68-202.65a7.94 7.94 0 0 1 3.26-3.57l19.21-11.08a2 2 0 0 1 2.78.84l93.21 185a16 16 0 0 0 28.58-14.4Zm107.37-325.06L444.09 36a40.08 40.08 0 0 0-54.63-14.62l-93.34 53.78a39.7 39.7 0 0 0-18.65 24.28a32.8 32.8 0 0 0-1.27 13.25c1.74 12.62 13 30.4 26.41 53.89c13.58 23.73 28.91 50.48 36.93 56.27a40.2 40.2 0 0 0 23.18 7.37a39.77 39.77 0 0 0 19.92-5.34L476 171.07a39.72 39.72 0 0 0 18.79-24.84a41 41 0 0 0-4.58-30.49"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M107.56 250a16 16 0 0 0-21.85-5.86L36 272.81a39.7 39.7 0 0 0-18.8 24.91a40.9 40.9 0 0 0 4.55 30.35l4.36 7.54a40 40 0 0 0 54.62 14.62l49.67-28.63a16 16 0 0 0 5.87-21.86Z"/><path fill="currentColor" d="M382.84 440.8L288.72 254a2 2 0 0 1 .79-2.63l8.3-4.79a16 16 0 0 0 5.86-21.86l-47.53-82.33a16 16 0 0 0-21.86-5.87l-86.38 49.8a39.73 39.73 0 0 0-18.65 24.28a34.8 34.8 0 0 0-1.37 9.76c.06 7.6 9.2 22.7 18.12 38.28c9.59 16.75 19.24 33.88 26.34 38.15c4.52 2.72 12.5 4.9 19.21 4.9h.84l-79.32 171.6a16 16 0 1 0 29.05 13.42l93.68-202.65a7.94 7.94 0 0 1 3.26-3.57l19.21-11.08a2 2 0 0 1 2.78.84l93.21 185a16 16 0 0 0 28.58-14.4Zm107.37-325.06L444.09 36a40.08 40.08 0 0 0-54.63-14.62l-93.34 53.78a39.7 39.7 0 0 0-18.65 24.28a32.8 32.8 0 0 0-1.27 13.25c1.74 12.62 13 30.4 26.41 53.89c13.58 23.73 28.91 50.48 36.93 56.27a40.2 40.2 0 0 0 23.18 7.37a39.77 39.77 0 0 0 19.92-5.34L476 171.07a39.72 39.72 0 0 0 18.79-24.84a41 41 0 0 0-4.58-30.49"/></svg> </template>
CSS
.icon-telescope {
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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M107.56%20250a16%2016%200%200%200-21.85-5.86L36%20272.81a39.7%2039.7%200%200%200-18.8%2024.91a40.9%2040.9%200%200%200%204.55%2030.35l4.36%207.54a40%2040%200%200%200%2054.62%2014.62l49.67-28.63a16%2016%200%200%200%205.87-21.86Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M382.84%20440.8L288.72%20254a2%202%200%200%201%20.79-2.63l8.3-4.79a16%2016%200%200%200%205.86-21.86l-47.53-82.33a16%2016%200%200%200-21.86-5.87l-86.38%2049.8a39.73%2039.73%200%200%200-18.65%2024.28a34.8%2034.8%200%200%200-1.37%209.76c.06%207.6%209.2%2022.7%2018.12%2038.28c9.59%2016.75%2019.24%2033.88%2026.34%2038.15c4.52%202.72%2012.5%204.9%2019.21%204.9h.84l-79.32%20171.6a16%2016%200%201%200%2029.05%2013.42l93.68-202.65a7.94%207.94%200%200%201%203.26-3.57l19.21-11.08a2%202%200%200%201%202.78.84l93.21%20185a16%2016%200%200%200%2028.58-14.4Zm107.37-325.06L444.09%2036a40.08%2040.08%200%200%200-54.63-14.62l-93.34%2053.78a39.7%2039.7%200%200%200-18.65%2024.28a32.8%2032.8%200%200%200-1.27%2013.25c1.74%2012.62%2013%2030.4%2026.41%2053.89c13.58%2023.73%2028.91%2050.48%2036.93%2056.27a40.2%2040.2%200%200%200%2023.18%207.37a39.77%2039.77%200%200%200%2019.92-5.34L476%20171.07a39.72%2039.72%200%200%200%2018.79-24.84a41%2041%200%200%200-4.58-30.49%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M107.56%20250a16%2016%200%200%200-21.85-5.86L36%20272.81a39.7%2039.7%200%200%200-18.8%2024.91a40.9%2040.9%200%200%200%204.55%2030.35l4.36%207.54a40%2040%200%200%200%2054.62%2014.62l49.67-28.63a16%2016%200%200%200%205.87-21.86Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M382.84%20440.8L288.72%20254a2%202%200%200%201%20.79-2.63l8.3-4.79a16%2016%200%200%200%205.86-21.86l-47.53-82.33a16%2016%200%200%200-21.86-5.87l-86.38%2049.8a39.73%2039.73%200%200%200-18.65%2024.28a34.8%2034.8%200%200%200-1.37%209.76c.06%207.6%209.2%2022.7%2018.12%2038.28c9.59%2016.75%2019.24%2033.88%2026.34%2038.15c4.52%202.72%2012.5%204.9%2019.21%204.9h.84l-79.32%20171.6a16%2016%200%201%200%2029.05%2013.42l93.68-202.65a7.94%207.94%200%200%201%203.26-3.57l19.21-11.08a2%202%200%200%201%202.78.84l93.21%20185a16%2016%200%200%200%2028.58-14.4Zm107.37-325.06L444.09%2036a40.08%2040.08%200%200%200-54.63-14.62l-93.34%2053.78a39.7%2039.7%200%200%200-18.65%2024.28a32.8%2032.8%200%200%200-1.27%2013.25c1.74%2012.62%2013%2030.4%2026.41%2053.89c13.58%2023.73%2028.91%2050.48%2036.93%2056.27a40.2%2040.2%200%200%200%2023.18%207.37a39.77%2039.77%200%200%200%2019.92-5.34L476%20171.07a39.72%2039.72%200%200%200%2018.79-24.84a41%2041%200%200%200-4.58-30.49%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/telescope.svg?color=%231a73e8&size=48
