telescope icon

telescope from Codicons by Microsoft Corporation · Regular · CC-BY-4.0 Attribution required.

Name
telescope
Set
Codicons
Style
Regular
Viewbox
16×16
License
CC BY 4.0

The same icon in other sets

telescopeAkar IconstelescopeEmoji One (Colored)telescopeFluent EmojitelescopeFluent Emoji FlattelescopeFluent Emoji High ContrasttelescopeFirefox OS EmojitelescopeIconParktelescopeIconPark OutlinetelescopeIconPark SolidtelescopeIconPark TwoTonetelescopeIonIconstelescopeLucidetelescopeMajesticonstelescopeMaterial 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 16 16"><path fill="currentColor" d="m14.447 6.276l-2.5-5a.5.5 0 0 0-.671-.224l-3 1.5a.5.5 0 0 0-.224.671l.026.053l-3.553 1.776a.5.5 0 0 0-.224.671l.276.553l-2.553 1.276a.5.5 0 0 0-.224.671l1 2a.5.5 0 0 0 .671.223L6.024 9.17l.276.553c.046.091.117.16.199.207l-1.934 3.318a.5.5 0 1 0 .864.504l2.495-4.281l.073-.037V14.5a.5.5 0 0 0 1 0V9.346l2.568 4.406a.5.5 0 1 0 .864-.504L9.707 8.579l.816-.408l.026.053a.5.5 0 0 0 .671.223l3-1.5a.5.5 0 0 0 .224-.671zM3.474 9.329l-.553-1.105l2.105-1.053l.553 1.105zm3.5-.5L5.421 5.724l3.105-1.553l1.553 3.105zm4.25-1.5L9.171 3.224l2.105-1.053l2.053 4.105z"/></svg>

React

import type { SVGProps } from "react";

export function CodiconTelescope(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="m14.447 6.276l-2.5-5a.5.5 0 0 0-.671-.224l-3 1.5a.5.5 0 0 0-.224.671l.026.053l-3.553 1.776a.5.5 0 0 0-.224.671l.276.553l-2.553 1.276a.5.5 0 0 0-.224.671l1 2a.5.5 0 0 0 .671.223L6.024 9.17l.276.553c.046.091.117.16.199.207l-1.934 3.318a.5.5 0 1 0 .864.504l2.495-4.281l.073-.037V14.5a.5.5 0 0 0 1 0V9.346l2.568 4.406a.5.5 0 1 0 .864-.504L9.707 8.579l.816-.408l.026.053a.5.5 0 0 0 .671.223l3-1.5a.5.5 0 0 0 .224-.671zM3.474 9.329l-.553-1.105l2.105-1.053l.553 1.105zm3.5-.5L5.421 5.724l3.105-1.553l1.553 3.105zm4.25-1.5L9.171 3.224l2.105-1.053l2.053 4.105z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="m14.447 6.276l-2.5-5a.5.5 0 0 0-.671-.224l-3 1.5a.5.5 0 0 0-.224.671l.026.053l-3.553 1.776a.5.5 0 0 0-.224.671l.276.553l-2.553 1.276a.5.5 0 0 0-.224.671l1 2a.5.5 0 0 0 .671.223L6.024 9.17l.276.553c.046.091.117.16.199.207l-1.934 3.318a.5.5 0 1 0 .864.504l2.495-4.281l.073-.037V14.5a.5.5 0 0 0 1 0V9.346l2.568 4.406a.5.5 0 1 0 .864-.504L9.707 8.579l.816-.408l.026.053a.5.5 0 0 0 .671.223l3-1.5a.5.5 0 0 0 .224-.671zM3.474 9.329l-.553-1.105l2.105-1.053l.553 1.105zm3.5-.5L5.421 5.724l3.105-1.553l1.553 3.105zm4.25-1.5L9.171 3.224l2.105-1.053l2.053 4.105z"/></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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m14.447%206.276l-2.5-5a.5.5%200%200%200-.671-.224l-3%201.5a.5.5%200%200%200-.224.671l.026.053l-3.553%201.776a.5.5%200%200%200-.224.671l.276.553l-2.553%201.276a.5.5%200%200%200-.224.671l1%202a.5.5%200%200%200%20.671.223L6.024%209.17l.276.553c.046.091.117.16.199.207l-1.934%203.318a.5.5%200%201%200%20.864.504l2.495-4.281l.073-.037V14.5a.5.5%200%200%200%201%200V9.346l2.568%204.406a.5.5%200%201%200%20.864-.504L9.707%208.579l.816-.408l.026.053a.5.5%200%200%200%20.671.223l3-1.5a.5.5%200%200%200%20.224-.671zM3.474%209.329l-.553-1.105l2.105-1.053l.553%201.105zm3.5-.5L5.421%205.724l3.105-1.553l1.553%203.105zm4.25-1.5L9.171%203.224l2.105-1.053l2.053%204.105z%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m14.447%206.276l-2.5-5a.5.5%200%200%200-.671-.224l-3%201.5a.5.5%200%200%200-.224.671l.026.053l-3.553%201.776a.5.5%200%200%200-.224.671l.276.553l-2.553%201.276a.5.5%200%200%200-.224.671l1%202a.5.5%200%200%200%20.671.223L6.024%209.17l.276.553c.046.091.117.16.199.207l-1.934%203.318a.5.5%200%201%200%20.864.504l2.495-4.281l.073-.037V14.5a.5.5%200%200%200%201%200V9.346l2.568%204.406a.5.5%200%201%200%20.864-.504L9.707%208.579l.816-.408l.026.053a.5.5%200%200%200%20.671.223l3-1.5a.5.5%200%200%200%20.224-.671zM3.474%209.329l-.553-1.105l2.105-1.053l.553%201.105zm3.5-.5L5.421%205.724l3.105-1.553l1.553%203.105zm4.25-1.5L9.171%203.224l2.105-1.053l2.053%204.105z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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