Bluespec icon
file-icons:bluespec
The Bluespec icon (file-icons:bluespec) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 402 × 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
- 402 × 512
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="402" height="512" viewBox="0 0 402 512"><path fill="currentColor" d="M245.175 255.309c11.103 13.523 16.66 34.719 16.66 63.57c0 32.763-5.666 56.083-17.006 69.927c-11.34 13.877-25.378 20.79-42.096 20.79c-18.102 0-33.042-7.03-44.845-21.128c-11.795-14.08-17.697-36.826-17.697-68.207c0-28.631 6.02-49.996 18.043-64.092c12.03-14.08 27.544-21.129 46.564-21.129c15.809 0 29.256 6.762 40.377 20.269m156.522 60.821c0-59.793-14.552-105.658-43.648-137.611q-43.643-47.941-110.303-47.94c-21.533 0-41.177 3.668-58.924 10.995c-17.756 7.335-33.623 18.329-47.594 32.99V0H0v503.754h130.917v-53.941c18.093 22.68 34.82 38.142 50.173 46.387c20.386 10.522 42.83 15.8 67.347 15.8c28.632 0 54.693-7.504 78.173-22.51c23.48-14.991 41.86-37.67 55.156-68.04c13.279-30.351 19.93-65.458 19.93-105.32"/></svg>How to use the Bluespec icon
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:bluespec" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:bluespec" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:bluespec" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--bluespec]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:bluespec"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:bluespec"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/file-icons/bluespec.svg" alt="Bluespec icon" width="24" height="24">Bluespec icon FAQ
Is the Bluespec 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 Bluespec icon in React?
Install @iconify/react and render <Icon icon="file-icons:bluespec" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Bluespec icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/bluespec.svg" alt="Bluespec icon">, or paste the SVG code inline to style it with CSS.