Telescope Fill icon
keyline-icons:telescope-fill
The Telescope Fill icon (keyline-icons:telescope-fill) is a free SVG icon from the Keyline Icons set. It is drawn on a 24 × 24 grid. Keyline Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Keyline Icons
- Author
- Keyline Icons
- License
- MIT
- Size
- 24 × 24
- Tags
- telescopefill
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-rule="evenodd" d="M9.7043 15.5903C9.0714 15.5074 8.4578 15.3151 7.8908 15.022L4.9188 15.8827C4.6514 15.9603 4.3743 15.9996 4.0959 15.9996C3.5381 15.9996 2.9916 15.8417 2.5198 15.5441C2.1723 15.3265 1.8705 15.0433 1.6313 14.7103C1.2204 14.1328 0.9996 13.4417 0.9996 12.733C0.9996 12.5859 1.0091 12.4389 1.0281 12.2931C1.0804 11.8854 1.2062 11.4906 1.3995 11.1279C1.592 10.7657 1.8518 10.4434 2.1649 10.1785C2.4897 9.904 2.8685 9.701 3.2768 9.5824L6.2684 8.7159C6.8117 7.8424 7.5737 7.1259 8.4789 6.6373C8.8204 6.4547 9.1799 6.3082 9.5518 6.2004L12.6593 5.3004C13.2026 4.4269 13.9645 3.7103 14.8698 3.2217C15.2111 3.0392 15.5707 2.8927 15.9425 2.7849L18.3787 2.079C18.5596 2.0266 18.747 2 18.9353 2C19.8533 2 20.6534 2.6249 20.8758 3.5155L22.9404 11.7875C22.98 11.946 23 12.1086 23 12.2719C23 13.1621 22.4117 13.9451 21.5567 14.1929L19.0322 14.9243C18.54 15.0671 18.03 15.1396 17.5175 15.1396C16.8228 15.1396 16.1345 15.0064 15.49 14.7473C15.3612 16.3032 14.0609 17.5005 12.4997 17.5005C11.2633 17.5005 10.1535 16.7421 9.7043 15.5903ZM14.3409 6.3835C14.2928 6.4611 14.2472 6.5401 14.2043 6.6206C14.0772 6.8585 13.8594 7.035 13.6004 7.11L12.4416 7.4456C12.5923 8.5759 12.8241 9.6938 13.1354 10.7908C13.2146 11.0732 13.2985 11.3543 13.387 11.634C13.9144 11.7974 14.3866 12.103 14.7516 12.5174L14.8534 12.4879C14.9438 12.4617 15.0375 12.4484 15.1316 12.4484C15.3188 12.4484 15.5022 12.5009 15.661 12.6C15.7438 12.6517 15.8286 12.7001 15.9153 12.745C15.6971 12.2177 15.5012 11.6816 15.328 11.1379C14.9654 10.0182 14.6886 8.8725 14.5 7.7108C14.4299 7.2706 14.3768 6.8278 14.3409 6.3835ZM7.9397 9.8157C7.8954 9.8879 7.8533 9.9614 7.8133 10.0362C7.6863 10.274 7.4685 10.4505 7.2095 10.5255L6.0202 10.87C6.0615 11.2349 6.1175 11.5981 6.188 11.9585C6.2765 12.423 6.4012 12.8799 6.5611 13.3249L7.7388 12.9838C7.8292 12.9576 7.9229 12.9443 8.017 12.9443C8.2042 12.9443 8.3877 12.9969 8.5465 13.096C8.5976 13.1279 8.6496 13.1586 8.7022 13.1879C8.6474 13.1013 8.5985 13.0111 8.5557 12.9179C8.4653 12.7192 8.3894 12.5142 8.3286 12.3045C8.2577 12.0629 8.1981 11.8182 8.1502 11.5711C8.0383 10.9917 7.9679 10.4051 7.9397 9.8157Z" clip-rule="evenodd" stroke="none"/><path d="M10.8458 15.6245L8 21M14.1542 15.6245L17 21"/></g></svg>How to use the Telescope Fill icon
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:telescope-fill" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:telescope-fill" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:telescope-fill" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--telescope-fill]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:telescope-fill"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:telescope-fill"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/keyline-icons/telescope-fill.svg" alt="Telescope Fill icon" width="24" height="24">Related icons in Keyline Icons
Telescope Fill icon in other icon sets
Telescope Fill icon FAQ
Is the Telescope Fill icon free for commercial use?
Yes. Keyline Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Telescope Fill icon in React?
Install @iconify/react and render <Icon icon="keyline-icons:telescope-fill" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Telescope Fill icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/keyline-icons/telescope-fill.svg" alt="Telescope Fill icon">, or paste the SVG code inline to style it with CSS.