Junos icon
file-icons:junos
The Junos icon (file-icons:junos) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 472 × 512 grid. File Icons are released under the ISC 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
- File Icons
- Author
- John Gardner
- License
- ISC
- Size
- 472 × 512
- Tags
- juno
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="472" height="512" viewBox="0 0 472 512"><path fill="currentColor" d="M432.35 255.801c-20.96-15.244-52.4-21.775-83.715-30.162l82.809-82.763l-113.073 30.34c8.504-30.312 18.58-63.526 15.722-87.562c105.401-41.99 189.476 95.383 98.257 170.147m-393.075-.004c15.117-12.535 47.626-21.694 83.71-30.159l-82.813-82.76l113.061 30.336c-9-31.861-18.698-65.95-15.71-87.568c-104.893-40.48-189.719 92.889-98.248 170.15M334.08 85.605c-17.695-112.254-176.087-116.007-196.545-.01c20.062 7.995 43.342 32.303 68.012 57.422l30.247-113.076l30.281 113.086c23.035-24.296 47.838-48.893 68.005-57.422m-98.275 252.794l30.27 30.255l11.052-41.28l41.242 11.065l-11.057-41.33l41.334-11.085l-30.215-30.199l30.205-30.186l-41.322-11.085l11.057-41.338l-41.248 11.07l-11.048-41.26l-30.26 30.232l-30.268-30.241l-11.05 41.27l-41.262-11.073l11.066 41.342l-41.314 11.082l30.21 30.192l-30.209 30.192l41.313 11.08l-11.069 41.346l41.263-11.068l11.05 41.274zm-30.291-30.221c-40.216-23.185-40.216-81.463 0-104.648s90.76 5.953 90.76 52.324s-50.544 75.51-90.76 52.324m-52.282 30.27L40.177 368.787l82.81-82.766c-31.354-8.379-63.234-15.099-83.712-30.16c-94.057 76.06-2.308 212.516 98.244 170.145c-2.814-22.87 5.585-51.114 15.712-87.558m180.844 87.608c-17.128-6.994-36.708-24.885-68.001-57.402l-30.279 113.09l-30.251-113.09c-24.246 24.617-46.542 48.522-68.012 57.402c20.584 117.798 180.724 111.34 196.543 0m98.275-170.19c-19.929 14.72-53.33 21.97-83.705 30.157l82.806 82.76l-113.083-30.345c9.192 34.02 18.868 65.715 15.72 87.568c105.656 42.288 189.731-95.836 98.262-170.14"/></svg>How to use the Junos icon
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:junos" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:junos" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:junos" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--junos]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:junos"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:junos"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/file-icons/junos.svg" alt="Junos icon" width="24" height="24">Junos icon FAQ
Is the Junos icon free for commercial use?
Yes. File Icons are released under the ISC license, which allows use in personal and commercial projects.
How do I use the Junos icon in React?
Install @iconify/react and render <Icon icon="file-icons:junos" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Junos icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/junos.svg" alt="Junos icon">, or paste the SVG code inline to style it with CSS.