Icono Crucible
logos:crucible
El icono Crucible (logos:crucible) es un icono SVG gratuito de la colección SVG Logos de Gil Barbara. Está dibujado en una cuadrícula de 256 × 264. SVG Logos icons se publican bajo la licencia CC0, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- SVG Logos
- Autor
- Gil Barbara
- Licencia
- CC0-1.0
- Tamaño
- 256 × 264
Código SVG
<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>Cómo usar el icono Crucible
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>Imagen HTML
<img src="https://iconyz.com/api/public/svg/logos/crucible.svg" alt="Icono Crucible" width="24" height="24">El icono Crucible en otras colecciones
Preguntas frecuentes sobre Icono Crucible
¿El icono Crucible es gratis para uso comercial?
Sí. SVG Logos icons se publican bajo la licencia CC0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Crucible en React?
Instala @iconify/react y renderiza <Icon icon="logos:crucible" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Crucible a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/logos/crucible.svg" alt="Icono Crucible">, o pega el código SVG en línea para darle estilo con CSS.