Icono Ant Design
thesvg-color:ant-design
El icono Ant Design (thesvg-color:ant-design) es un icono SVG gratuito de la colección theSVG Color de thesvg.org. Está dibujado en una cuadrícula de 200 × 200. 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
- 200 × 200
- Etiquetas
- antdesign
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200"><defs><linearGradient id="SVGLtho8dDK" x1="62.102%" x2="108.197%" y1="0%" y2="37.864%"><stop offset="0%" stop-color="#4285eb"/><stop offset="100%" stop-color="#2ec7ff"/></linearGradient><linearGradient id="SVGN6GESbiL" x1="69.644%" x2="54.043%" y1="0%" y2="108.457%"><stop offset="0%" stop-color="#29cdff"/><stop offset="37.86%" stop-color="#148eff"/><stop offset="100%" stop-color="#0a60ff"/></linearGradient><linearGradient id="SVGAM3vtM4q" x1="69.691%" x2="16.723%" y1="-12.974%" y2="117.391%"><stop offset="0%" stop-color="#fa816e"/><stop offset="41.473%" stop-color="#f74a5c"/><stop offset="100%" stop-color="#f51d2c"/></linearGradient><linearGradient id="SVGcuaZ2bVd" x1="68.128%" x2="30.44%" y1="-35.691%" y2="114.943%"><stop offset="0%" stop-color="#fa8e7d"/><stop offset="51.264%" stop-color="#f74a5c"/><stop offset="100%" stop-color="#f51d2c"/></linearGradient></defs><g fill="none" fill-rule="evenodd"><g fill-rule="nonzero"><path fill="url(#SVGLtho8dDK)" d="M91.588 4.177L4.18 91.513a11.98 11.98 0 0 0 0 16.974l87.408 87.336a12.005 12.005 0 0 0 16.989 0l36.648-36.618c4.209-4.205 4.209-11.023 0-15.228s-11.031-4.205-15.24 0l-27.783 27.76c-1.17 1.169-2.945 1.169-4.114 0l-69.802-69.744c-1.17-1.169-1.17-2.942 0-4.11l69.802-69.745c1.17-1.169 2.944-1.169 4.114 0l27.783 27.76c4.209 4.205 11.032 4.205 15.24 0s4.209-11.022 0-15.227L108.581 4.056c-4.719-4.594-12.312-4.557-16.993.12"/><path fill="url(#SVGN6GESbiL)" d="M91.588 4.177L4.18 91.513a11.98 11.98 0 0 0 0 16.974l87.408 87.336a12.005 12.005 0 0 0 16.989 0l36.648-36.618c4.209-4.205 4.209-11.023 0-15.228s-11.031-4.205-15.24 0l-27.783 27.76c-1.17 1.169-2.945 1.169-4.114 0l-69.802-69.744c-1.17-1.169-1.17-2.942 0-4.11l69.802-69.745c2.912-2.51 7.664-7.596 14.642-8.786q7.778-1.325 17.009 5.837L108.58 4.056c-4.719-4.594-12.312-4.557-16.993.12"/><path fill="url(#SVGAM3vtM4q)" d="M153.686 135.855c4.208 4.205 11.031 4.205 15.24 0l27.034-27.012a11.98 11.98 0 0 0 0-16.974l-27.27-27.15c-4.218-4.2-11.043-4.195-15.254.013c-4.209 4.205-4.209 11.022 0 15.227l18.418 18.403c1.17 1.169 1.17 2.943 0 4.111l-18.168 18.154c-4.209 4.205-4.209 11.023 0 15.228"/></g><ellipse cx="100.519" cy="100.437" fill="url(#SVGcuaZ2bVd)" rx="23.6" ry="23.581"/></g></svg>
Cómo usar el icono Ant Design
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:ant-design" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:ant-design" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:ant-design" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--ant-design]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:ant-design"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:ant-design"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/ant-design.svg" alt="Icono Ant Design" width="24" height="24">
Iconos relacionados en theSVG Color
El icono Ant Design en otras colecciones
Preguntas frecuentes sobre Icono Ant Design
¿El icono Ant Design 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 Ant Design en React?
Instala @iconify/react y renderiza <Icon icon="thesvg-color:ant-design" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Ant Design a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/thesvg-color/ant-design.svg" alt="Icono Ant Design">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos theSVG Color →
ICONYZ
