crucible logo

crucible from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
crucible
Set
SVG Logos
Style
Color
Viewbox
256×264
License
CC0

Use the crucible logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>

React

import type { SVGProps } from "react";

export function LogosCrucible(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 264"><defs><linearGradient id="SVGKC8oScgW" x1="50%" x2="50%" y1="99.33%" y2="1.786%"><stop offset="18%" stopColor="#0052cc"/><stop offset="100%" stopColor="#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>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
</template>

CSS

.icon-crucible {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20264%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGKC8oScgW%22%20x1%3D%2250%25%22%20x2%3D%2250%25%22%20y1%3D%2299.33%25%22%20y2%3D%221.786%25%22%3E%3Cstop%20offset%3D%2218%25%22%20stop-color%3D%22%230052cc%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%232684ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%232684ff%22%20d%3D%22M128%200C57.3%200%200%2024.155%200%2053.897a27%2027%200%200%200%20.462%204.537l22.559%20118.38c9.516%2050.502%2053.63%2087.08%20105.021%2087.08s95.505-36.578%20105.021-87.08l22.475-118.38c.278-1.483.433-2.987.462-4.495C256%2024.155%20198.7%200%20128%200m0%20196.054c-36.968%200-33.9-85.908-75.321-98.594a152%20152%200%200%201-9.914-3.403A248.7%20248.7%200%200%201%20128%2080.362a248.7%20248.7%200%200%201%2085.235%2013.695c-3.192%201.176-6.469%202.353-9.914%203.403c-41.42%2012.602-38.311%2098.594-75.321%2098.594%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGKC8oScgW)%22%20d%3D%22M42.765%2094.1A248.7%20248.7%200%200%201%20128%2080.403A248.7%20248.7%200%200%201%20213.235%2094.1C239.45%2084.227%20256%2069.902%20256%2053.897C256%2024.155%20198.7%200%20128%200S0%2024.155%200%2053.897c0%2015.963%2016.51%2030.33%2042.765%2040.202%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20264%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGKC8oScgW%22%20x1%3D%2250%25%22%20x2%3D%2250%25%22%20y1%3D%2299.33%25%22%20y2%3D%221.786%25%22%3E%3Cstop%20offset%3D%2218%25%22%20stop-color%3D%22%230052cc%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%232684ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%232684ff%22%20d%3D%22M128%200C57.3%200%200%2024.155%200%2053.897a27%2027%200%200%200%20.462%204.537l22.559%20118.38c9.516%2050.502%2053.63%2087.08%20105.021%2087.08s95.505-36.578%20105.021-87.08l22.475-118.38c.278-1.483.433-2.987.462-4.495C256%2024.155%20198.7%200%20128%200m0%20196.054c-36.968%200-33.9-85.908-75.321-98.594a152%20152%200%200%201-9.914-3.403A248.7%20248.7%200%200%201%20128%2080.362a248.7%20248.7%200%200%201%2085.235%2013.695c-3.192%201.176-6.469%202.353-9.914%203.403c-41.42%2012.602-38.311%2098.594-75.321%2098.594%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGKC8oScgW)%22%20d%3D%22M42.765%2094.1A248.7%20248.7%200%200%201%20128%2080.403A248.7%20248.7%200%200%201%20213.235%2094.1C239.45%2084.227%20256%2069.902%20256%2053.897C256%2024.155%20198.7%200%20128%200S0%2024.155%200%2053.897c0%2015.963%2016.51%2030.33%2042.765%2040.202%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/crucible.svg?color=%231a73e8&size=48