Crucible icon

logos:crucible

The Crucible icon (logos:crucible) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 264 grid. SVG Logos icons are released under the CC0 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: SVG Logos
Author: Gil Barbara
License: CC0-1.0
Size: 256 × 264

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="264" viewBox="0 0 256 264"><defs><linearGradient id="SVGKC8oScgW" x1="50%" x2="50%" y1="99.33%" y2="1.786%"><stop offset="18%" stop-color="#0052cc"/><stop offset="100%" stop-color="#2684ff"/></linearGradient></defs><path fill="#2684ff" d="M128 0C57.3 0 0 24.155 0 53.897a27 27 0 0 0 .462 4.537l22.559 118.38c9.516 50.502 53.63 87.08 105.021 87.08s95.505-36.578 105.021-87.08l22.475-118.38c.278-1.483.433-2.987.462-4.495C256 24.155 198.7 0 128 0m0 196.054c-36.968 0-33.9-85.908-75.321-98.594a152 152 0 0 1-9.914-3.403A248.7 248.7 0 0 1 128 80.362a248.7 248.7 0 0 1 85.235 13.695c-3.192 1.176-6.469 2.353-9.914 3.403c-41.42 12.602-38.311 98.594-75.321 98.594"/><path fill="url(#SVGKC8oScgW)" d="M42.765 94.1A248.7 248.7 0 0 1 128 80.403A248.7 248.7 0 0 1 213.235 94.1C239.45 84.227 256 69.902 256 53.897C256 24.155 198.7 0 128 0S0 24.155 0 53.897c0 15.963 16.51 30.33 42.765 40.202"/></svg>

How to use the Crucible icon

React

import { Icon } from "@iconify/react";

<Icon icon="logos:crucible" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:crucible" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:crucible" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--crucible]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:crucible"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:crucible"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/crucible.svg" alt="Crucible icon" width="24" height="24">

Crucible icon in other icon sets

Crucible icon FAQ

Is the Crucible icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Crucible icon in React?

Install @iconify/react and render <Icon icon="logos:crucible" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Crucible icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/crucible.svg" alt="Crucible icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →