Silverbullet icon
thesvg-color:silverbullet
The Silverbullet icon (thesvg-color:silverbullet) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 512 × 512 grid. theSVG Color 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
- theSVG Color
- Author
- thesvg.org
- License
- MIT
- Size
- 512 × 512
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><defs><linearGradient id="SVG5MESpK4O" x1="0" x2="0" y1="0" y2="1"><stop offset="0" stop-color="#5fa2c1"/><stop offset="1" stop-color="#0d3a70"/></linearGradient><linearGradient id="SVGiSUqSb5J" x1="0" x2="1" y1="0" y2="0"><stop offset="0" stop-color="#9db4c6"/><stop offset=".14" stop-color="#e9edf1"/><stop offset=".3" stop-color="#cfd5db"/><stop offset=".5" stop-color="#f6f7f9"/><stop offset=".72" stop-color="#d9dde2"/><stop offset=".9" stop-color="#eef0f3"/><stop offset="1" stop-color="#b6c6d3"/></linearGradient><path id="SVGzG0Ued1d" d="M256 262c-30-56-58-140-56-198a58 12 0 0 1 116 0c2 58-28 142-60 198"/></defs><path fill="url(#SVG5MESpK4O)" d="M0 0h512v512H0z"/><g fill="url(#SVGiSUqSb5J)"><use href="#SVGzG0Ued1d"/><use href="#SVGzG0Ued1d" transform="rotate(72 256 262)"/><use href="#SVGzG0Ued1d" transform="rotate(144 256 262)"/><use href="#SVGzG0Ued1d" transform="rotate(216 256 262)"/><use href="#SVGzG0Ued1d" transform="rotate(288 256 262)"/></g></svg>How to use the Silverbullet icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:silverbullet" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:silverbullet" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:silverbullet" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--silverbullet]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:silverbullet"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:silverbullet"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/silverbullet.svg" alt="Silverbullet icon" width="24" height="24">Silverbullet icon FAQ
Is the Silverbullet icon free for commercial use?
Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Silverbullet icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:silverbullet" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Silverbullet icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/silverbullet.svg" alt="Silverbullet icon">, or paste the SVG code inline to style it with CSS.