Icono Carrd
thesvg-color:carrd
El icono Carrd (thesvg-color:carrd) es un icono SVG gratuito de la colección theSVG Color de thesvg.org. Está dibujado en una cuadrícula de 896 × 896. theSVG Color icons se publican bajo la licencia MIT, 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
- theSVG Color
- Autor
- thesvg.org
- Licencia
- MIT
- Tamaño
- 896 × 896
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="896" height="896" viewBox="0 0 896 896"><linearGradient id="SVG9HTRVcqt" x1="141.569" x2="754.431" y1="143.569" y2="756.431" gradientTransform="matrix(1 0 0 -1 0 898)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#7366a7"/><stop offset=".268" stop-color="#6b68aa"/><stop offset=".691" stop-color="#546db1"/><stop offset="1" stop-color="#3f71b7"/></linearGradient><path fill="url(#SVG9HTRVcqt)" d="M448 881.3c-239.4 0-433.4-194-433.4-433.3S208.6 14.7 448 14.7s433.4 194 433.4 433.3s-194 433.3-433.4 433.3"/><path fill="#fff" d="M661.2 613.1L401.1 738c-1.6.8-3.4 1.2-5.2 1.2c-2.2 0-4.4-.6-6.4-1.8c-3.5-2.2-5.6-6-5.6-10.2V603.5l-140.5-58.8c-4.5-1.9-7.4-6.2-7.4-11.1V208.8c0-4.1 2.1-8 5.6-10.2s7.9-2.4 11.6-.7l270.4 129.8l127.3-61.1c3.7-1.8 8.1-1.5 11.6.7s5.6 6 5.6 10.2v324.8c-.1 4.6-2.7 8.8-6.9 10.8M260 227.9v297.7l123.9 51.9v-59.8L306 486.3c-6.1-2.5-9.1-9.5-6.7-15.6c2.5-6.2 9.5-9.1 15.6-6.7l69 27.8v-49.1L306 411.3c-6.1-2.5-9.1-9.5-6.7-15.6c2.5-6.2 9.5-9.1 15.6-6.7l69 27.8v-14.3c0-4.6 2.6-8.8 6.8-10.8l17.8-8.6l-103.1-46.9c-6-2.7-8.7-9.9-6-15.9s9.9-8.7 15.9-6l121.3 55.3l59.1-28.4zm384 68.7L407.9 410v298.2L644 594.7zM453 451.8l135.3-65.4c6-2.9 13.1-.4 16 5.6s.4 13.2-5.6 16l-135.3 65.4c-1.7.8-3.5 1.2-5.2 1.2c-4.5 0-8.7-2.5-10.8-6.8c-2.8-5.9-.3-13.1 5.6-16m0 75l135.3-65.4c6-2.9 13.1-.4 16 5.6s.4 13.2-5.6 16l-135.3 65.4c-1.7.8-3.5 1.2-5.2 1.2c-4.5 0-8.7-2.5-10.8-6.8c-2.8-6-.3-13.1 5.6-16m0 74.9l135.3-65.4c6-2.9 13.1-.4 16 5.6s.4 13.2-5.6 16l-135.3 65.4c-1.7.8-3.5 1.2-5.2 1.2c-4.5 0-8.7-2.5-10.8-6.8c-2.8-5.9-.3-13.1 5.6-16"/></svg>Cómo usar el icono Carrd
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:carrd" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:carrd" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:carrd" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--carrd]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:carrd"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:carrd"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/carrd.svg" alt="Icono Carrd" width="24" height="24">El icono Carrd en otras colecciones
Preguntas frecuentes sobre Icono Carrd
¿El icono Carrd es gratis para uso comercial?
Sí. theSVG Color icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Carrd en React?
Instala @iconify/react y renderiza <Icon icon="thesvg-color:carrd" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Carrd a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/thesvg-color/carrd.svg" alt="Icono Carrd">, o pega el código SVG en línea para darle estilo con CSS.