antdesign logo
antdesign from Devicon by konpa · Original · MIT Free for personal and commercial use.
- Name
- antdesign
- Set
- Devicon
- Style
- Original
- Viewbox
- 128×128
- License
- MIT
1 other variant in Devicon
The same logo in other sets
Use the antdesign logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><linearGradient id="SVGIJijGdgR" x1=".621" x2="1.082" y1="0" y2=".379" gradientTransform="matrix(94.54297 0 0 127.17188 .418 .406)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#4285eb"/><stop offset="1" stop-color="#2ec7ff"/></linearGradient><linearGradient id="SVGGZW4rdRg" x1=".696" x2=".54" y1="0" y2="1.085" gradientTransform="matrix(94.54297 0 0 127.17188 .418 .406)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#29cdff"/><stop offset=".379" stop-color="#148eff"/><stop offset="1" stop-color="#0a60ff"/></linearGradient><linearGradient id="SVGnlpTqcJA" x1=".697" x2=".167" y1="-.13" y2="1.174" gradientTransform="matrix(31.49219 0 0 49.5586 96.176 39.402)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fa816e"/><stop offset=".415" stop-color="#f74a5c"/><stop offset="1" stop-color="#f51d2c"/></linearGradient><linearGradient id="SVG1TM8A6Zf" x1=".681" x2=".304" y1="-.357" y2="1.149" gradientTransform="matrix(30.21094 0 0 30.1836 49.227 49.188)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fa8e7d"/><stop offset=".513" stop-color="#f74a5c"/><stop offset="1" stop-color="#f51d2c"/></linearGradient></defs><path fill="url(#SVGIJijGdgR)" d="M58.617 2.672L2.676 58.566a7.67 7.67 0 0 0 0 10.868l55.941 55.894a7.684 7.684 0 0 0 10.871 0l23.457-23.437a6.89 6.89 0 0 0 0-9.746a6.9 6.9 0 0 0-9.754 0l-17.78 17.765c-.75.75-1.888.75-2.634 0L18.102 65.277c-.747-.75-.747-1.886 0-2.632l44.675-44.637c.746-.746 1.883-.746 2.633 0l17.781 17.765a6.9 6.9 0 0 0 9.754 0a6.89 6.89 0 0 0 0-9.746L69.492 2.594c-3.02-2.938-7.879-2.914-10.875.078m0 0"/><path fill="url(#SVGGZW4rdRg)" d="M58.617 2.672L2.676 58.566a7.67 7.67 0 0 0 0 10.868l55.941 55.894a7.684 7.684 0 0 0 10.871 0l23.457-23.437a6.89 6.89 0 0 0 0-9.746a6.9 6.9 0 0 0-9.754 0l-17.78 17.765c-.75.75-1.888.75-2.634 0L18.102 65.277c-.747-.75-.747-1.886 0-2.632l44.675-44.637c1.864-1.606 4.903-4.86 9.371-5.621q4.977-.849 10.883 3.734q-3.948-3.948-13.539-13.527c-3.02-2.938-7.879-2.914-10.875.078m0 0"/><path fill="url(#SVGnlpTqcJA)" d="M98.36 86.945a6.9 6.9 0 0 0 9.753 0l17.301-17.285a7.667 7.667 0 0 0 0-10.863l-17.453-17.379a6.91 6.91 0 0 0-9.762.012a6.884 6.884 0 0 0 0 9.746l11.79 11.777a1.826 1.826 0 0 1 0 2.629l-11.63 11.621a6.88 6.88 0 0 0 0 9.742Zm0 0"/><path fill="url(#SVG1TM8A6Zf)" fill-rule="evenodd" d="M79.438 64.281c0-8.336-6.762-15.094-15.106-15.094c-8.34 0-15.105 6.758-15.105 15.094c0 8.332 6.765 15.09 15.105 15.09c8.344 0 15.106-6.758 15.106-15.09m0 0"/></svg>
React
import type { SVGProps } from "react";
export function DeviconAntdesign(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><linearGradient id="SVGIJijGdgR" x1=".621" x2="1.082" y1="0" y2=".379" gradientTransform="matrix(94.54297 0 0 127.17188 .418 .406)" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#4285eb"/><stop offset="1" stopColor="#2ec7ff"/></linearGradient><linearGradient id="SVGGZW4rdRg" x1=".696" x2=".54" y1="0" y2="1.085" gradientTransform="matrix(94.54297 0 0 127.17188 .418 .406)" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#29cdff"/><stop offset=".379" stopColor="#148eff"/><stop offset="1" stopColor="#0a60ff"/></linearGradient><linearGradient id="SVGnlpTqcJA" x1=".697" x2=".167" y1="-.13" y2="1.174" gradientTransform="matrix(31.49219 0 0 49.5586 96.176 39.402)" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#fa816e"/><stop offset=".415" stopColor="#f74a5c"/><stop offset="1" stopColor="#f51d2c"/></linearGradient><linearGradient id="SVG1TM8A6Zf" x1=".681" x2=".304" y1="-.357" y2="1.149" gradientTransform="matrix(30.21094 0 0 30.1836 49.227 49.188)" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#fa8e7d"/><stop offset=".513" stopColor="#f74a5c"/><stop offset="1" stopColor="#f51d2c"/></linearGradient></defs><path fill="url(#SVGIJijGdgR)" d="M58.617 2.672L2.676 58.566a7.67 7.67 0 0 0 0 10.868l55.941 55.894a7.684 7.684 0 0 0 10.871 0l23.457-23.437a6.89 6.89 0 0 0 0-9.746a6.9 6.9 0 0 0-9.754 0l-17.78 17.765c-.75.75-1.888.75-2.634 0L18.102 65.277c-.747-.75-.747-1.886 0-2.632l44.675-44.637c.746-.746 1.883-.746 2.633 0l17.781 17.765a6.9 6.9 0 0 0 9.754 0a6.89 6.89 0 0 0 0-9.746L69.492 2.594c-3.02-2.938-7.879-2.914-10.875.078m0 0"/><path fill="url(#SVGGZW4rdRg)" d="M58.617 2.672L2.676 58.566a7.67 7.67 0 0 0 0 10.868l55.941 55.894a7.684 7.684 0 0 0 10.871 0l23.457-23.437a6.89 6.89 0 0 0 0-9.746a6.9 6.9 0 0 0-9.754 0l-17.78 17.765c-.75.75-1.888.75-2.634 0L18.102 65.277c-.747-.75-.747-1.886 0-2.632l44.675-44.637c1.864-1.606 4.903-4.86 9.371-5.621q4.977-.849 10.883 3.734q-3.948-3.948-13.539-13.527c-3.02-2.938-7.879-2.914-10.875.078m0 0"/><path fill="url(#SVGnlpTqcJA)" d="M98.36 86.945a6.9 6.9 0 0 0 9.753 0l17.301-17.285a7.667 7.667 0 0 0 0-10.863l-17.453-17.379a6.91 6.91 0 0 0-9.762.012a6.884 6.884 0 0 0 0 9.746l11.79 11.777a1.826 1.826 0 0 1 0 2.629l-11.63 11.621a6.88 6.88 0 0 0 0 9.742Zm0 0"/><path fill="url(#SVG1TM8A6Zf)" fillRule="evenodd" d="M79.438 64.281c0-8.336-6.762-15.094-15.106-15.094c-8.34 0-15.105 6.758-15.105 15.094c0 8.332 6.765 15.09 15.105 15.09c8.344 0 15.106-6.758 15.106-15.09m0 0"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><linearGradient id="SVGIJijGdgR" x1=".621" x2="1.082" y1="0" y2=".379" gradientTransform="matrix(94.54297 0 0 127.17188 .418 .406)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#4285eb"/><stop offset="1" stop-color="#2ec7ff"/></linearGradient><linearGradient id="SVGGZW4rdRg" x1=".696" x2=".54" y1="0" y2="1.085" gradientTransform="matrix(94.54297 0 0 127.17188 .418 .406)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#29cdff"/><stop offset=".379" stop-color="#148eff"/><stop offset="1" stop-color="#0a60ff"/></linearGradient><linearGradient id="SVGnlpTqcJA" x1=".697" x2=".167" y1="-.13" y2="1.174" gradientTransform="matrix(31.49219 0 0 49.5586 96.176 39.402)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fa816e"/><stop offset=".415" stop-color="#f74a5c"/><stop offset="1" stop-color="#f51d2c"/></linearGradient><linearGradient id="SVG1TM8A6Zf" x1=".681" x2=".304" y1="-.357" y2="1.149" gradientTransform="matrix(30.21094 0 0 30.1836 49.227 49.188)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fa8e7d"/><stop offset=".513" stop-color="#f74a5c"/><stop offset="1" stop-color="#f51d2c"/></linearGradient></defs><path fill="url(#SVGIJijGdgR)" d="M58.617 2.672L2.676 58.566a7.67 7.67 0 0 0 0 10.868l55.941 55.894a7.684 7.684 0 0 0 10.871 0l23.457-23.437a6.89 6.89 0 0 0 0-9.746a6.9 6.9 0 0 0-9.754 0l-17.78 17.765c-.75.75-1.888.75-2.634 0L18.102 65.277c-.747-.75-.747-1.886 0-2.632l44.675-44.637c.746-.746 1.883-.746 2.633 0l17.781 17.765a6.9 6.9 0 0 0 9.754 0a6.89 6.89 0 0 0 0-9.746L69.492 2.594c-3.02-2.938-7.879-2.914-10.875.078m0 0"/><path fill="url(#SVGGZW4rdRg)" d="M58.617 2.672L2.676 58.566a7.67 7.67 0 0 0 0 10.868l55.941 55.894a7.684 7.684 0 0 0 10.871 0l23.457-23.437a6.89 6.89 0 0 0 0-9.746a6.9 6.9 0 0 0-9.754 0l-17.78 17.765c-.75.75-1.888.75-2.634 0L18.102 65.277c-.747-.75-.747-1.886 0-2.632l44.675-44.637c1.864-1.606 4.903-4.86 9.371-5.621q4.977-.849 10.883 3.734q-3.948-3.948-13.539-13.527c-3.02-2.938-7.879-2.914-10.875.078m0 0"/><path fill="url(#SVGnlpTqcJA)" d="M98.36 86.945a6.9 6.9 0 0 0 9.753 0l17.301-17.285a7.667 7.667 0 0 0 0-10.863l-17.453-17.379a6.91 6.91 0 0 0-9.762.012a6.884 6.884 0 0 0 0 9.746l11.79 11.777a1.826 1.826 0 0 1 0 2.629l-11.63 11.621a6.88 6.88 0 0 0 0 9.742Zm0 0"/><path fill="url(#SVG1TM8A6Zf)" fill-rule="evenodd" d="M79.438 64.281c0-8.336-6.762-15.094-15.106-15.094c-8.34 0-15.105 6.758-15.105 15.094c0 8.332 6.765 15.09 15.105 15.09c8.344 0 15.106-6.758 15.106-15.09m0 0"/></svg> </template>
CSS
.icon-antdesign {
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%20128%20128%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGIJijGdgR%22%20x1%3D%22.621%22%20x2%3D%221.082%22%20y1%3D%220%22%20y2%3D%22.379%22%20gradientTransform%3D%22matrix(94.54297%200%200%20127.17188%20.418%20.406)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%234285eb%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%232ec7ff%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGGZW4rdRg%22%20x1%3D%22.696%22%20x2%3D%22.54%22%20y1%3D%220%22%20y2%3D%221.085%22%20gradientTransform%3D%22matrix(94.54297%200%200%20127.17188%20.418%20.406)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2329cdff%22%2F%3E%3Cstop%20offset%3D%22.379%22%20stop-color%3D%22%23148eff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230a60ff%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGnlpTqcJA%22%20x1%3D%22.697%22%20x2%3D%22.167%22%20y1%3D%22-.13%22%20y2%3D%221.174%22%20gradientTransform%3D%22matrix(31.49219%200%200%2049.5586%2096.176%2039.402)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fa816e%22%2F%3E%3Cstop%20offset%3D%22.415%22%20stop-color%3D%22%23f74a5c%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f51d2c%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG1TM8A6Zf%22%20x1%3D%22.681%22%20x2%3D%22.304%22%20y1%3D%22-.357%22%20y2%3D%221.149%22%20gradientTransform%3D%22matrix(30.21094%200%200%2030.1836%2049.227%2049.188)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fa8e7d%22%2F%3E%3Cstop%20offset%3D%22.513%22%20stop-color%3D%22%23f74a5c%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f51d2c%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGIJijGdgR)%22%20d%3D%22M58.617%202.672L2.676%2058.566a7.67%207.67%200%200%200%200%2010.868l55.941%2055.894a7.684%207.684%200%200%200%2010.871%200l23.457-23.437a6.89%206.89%200%200%200%200-9.746a6.9%206.9%200%200%200-9.754%200l-17.78%2017.765c-.75.75-1.888.75-2.634%200L18.102%2065.277c-.747-.75-.747-1.886%200-2.632l44.675-44.637c.746-.746%201.883-.746%202.633%200l17.781%2017.765a6.9%206.9%200%200%200%209.754%200a6.89%206.89%200%200%200%200-9.746L69.492%202.594c-3.02-2.938-7.879-2.914-10.875.078m0%200%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGGZW4rdRg)%22%20d%3D%22M58.617%202.672L2.676%2058.566a7.67%207.67%200%200%200%200%2010.868l55.941%2055.894a7.684%207.684%200%200%200%2010.871%200l23.457-23.437a6.89%206.89%200%200%200%200-9.746a6.9%206.9%200%200%200-9.754%200l-17.78%2017.765c-.75.75-1.888.75-2.634%200L18.102%2065.277c-.747-.75-.747-1.886%200-2.632l44.675-44.637c1.864-1.606%204.903-4.86%209.371-5.621q4.977-.849%2010.883%203.734q-3.948-3.948-13.539-13.527c-3.02-2.938-7.879-2.914-10.875.078m0%200%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGnlpTqcJA)%22%20d%3D%22M98.36%2086.945a6.9%206.9%200%200%200%209.753%200l17.301-17.285a7.667%207.667%200%200%200%200-10.863l-17.453-17.379a6.91%206.91%200%200%200-9.762.012a6.884%206.884%200%200%200%200%209.746l11.79%2011.777a1.826%201.826%200%200%201%200%202.629l-11.63%2011.621a6.88%206.88%200%200%200%200%209.742Zm0%200%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG1TM8A6Zf)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M79.438%2064.281c0-8.336-6.762-15.094-15.106-15.094c-8.34%200-15.105%206.758-15.105%2015.094c0%208.332%206.765%2015.09%2015.105%2015.09c8.344%200%2015.106-6.758%2015.106-15.09m0%200%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%20128%20128%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGIJijGdgR%22%20x1%3D%22.621%22%20x2%3D%221.082%22%20y1%3D%220%22%20y2%3D%22.379%22%20gradientTransform%3D%22matrix(94.54297%200%200%20127.17188%20.418%20.406)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%234285eb%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%232ec7ff%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGGZW4rdRg%22%20x1%3D%22.696%22%20x2%3D%22.54%22%20y1%3D%220%22%20y2%3D%221.085%22%20gradientTransform%3D%22matrix(94.54297%200%200%20127.17188%20.418%20.406)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2329cdff%22%2F%3E%3Cstop%20offset%3D%22.379%22%20stop-color%3D%22%23148eff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230a60ff%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGnlpTqcJA%22%20x1%3D%22.697%22%20x2%3D%22.167%22%20y1%3D%22-.13%22%20y2%3D%221.174%22%20gradientTransform%3D%22matrix(31.49219%200%200%2049.5586%2096.176%2039.402)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fa816e%22%2F%3E%3Cstop%20offset%3D%22.415%22%20stop-color%3D%22%23f74a5c%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f51d2c%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG1TM8A6Zf%22%20x1%3D%22.681%22%20x2%3D%22.304%22%20y1%3D%22-.357%22%20y2%3D%221.149%22%20gradientTransform%3D%22matrix(30.21094%200%200%2030.1836%2049.227%2049.188)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fa8e7d%22%2F%3E%3Cstop%20offset%3D%22.513%22%20stop-color%3D%22%23f74a5c%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f51d2c%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGIJijGdgR)%22%20d%3D%22M58.617%202.672L2.676%2058.566a7.67%207.67%200%200%200%200%2010.868l55.941%2055.894a7.684%207.684%200%200%200%2010.871%200l23.457-23.437a6.89%206.89%200%200%200%200-9.746a6.9%206.9%200%200%200-9.754%200l-17.78%2017.765c-.75.75-1.888.75-2.634%200L18.102%2065.277c-.747-.75-.747-1.886%200-2.632l44.675-44.637c.746-.746%201.883-.746%202.633%200l17.781%2017.765a6.9%206.9%200%200%200%209.754%200a6.89%206.89%200%200%200%200-9.746L69.492%202.594c-3.02-2.938-7.879-2.914-10.875.078m0%200%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGGZW4rdRg)%22%20d%3D%22M58.617%202.672L2.676%2058.566a7.67%207.67%200%200%200%200%2010.868l55.941%2055.894a7.684%207.684%200%200%200%2010.871%200l23.457-23.437a6.89%206.89%200%200%200%200-9.746a6.9%206.9%200%200%200-9.754%200l-17.78%2017.765c-.75.75-1.888.75-2.634%200L18.102%2065.277c-.747-.75-.747-1.886%200-2.632l44.675-44.637c1.864-1.606%204.903-4.86%209.371-5.621q4.977-.849%2010.883%203.734q-3.948-3.948-13.539-13.527c-3.02-2.938-7.879-2.914-10.875.078m0%200%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGnlpTqcJA)%22%20d%3D%22M98.36%2086.945a6.9%206.9%200%200%200%209.753%200l17.301-17.285a7.667%207.667%200%200%200%200-10.863l-17.453-17.379a6.91%206.91%200%200%200-9.762.012a6.884%206.884%200%200%200%200%209.746l11.79%2011.777a1.826%201.826%200%200%201%200%202.629l-11.63%2011.621a6.88%206.88%200%200%200%200%209.742Zm0%200%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG1TM8A6Zf)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M79.438%2064.281c0-8.336-6.762-15.094-15.106-15.094c-8.34%200-15.105%206.758-15.105%2015.094c0%208.332%206.765%2015.09%2015.105%2015.09c8.344%200%2015.106-6.758%2015.106-15.09m0%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/antdesign.svg?color=%231a73e8&size=48
