<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 32 32"><g fill="none"><g filter="url(#iv9zOdc)"><path fill="url(#iM4RFTd)" d="M20.5 27.322a3.268 3.268 0 0 1-6.536 0v-3.761q-.001-.48.072-.96a6 6 0 0 0 .047-.35c.036-.368-.008-.85-.258-1.172l.598-.577a9.28 9.28 0 0 1-5.05-8.274c0-.98.15-1.923.43-2.809l.99-6.466h8.051v.003c4.973.107 8.962 3.35 8.962 9.272c0 3.48-1.667 6.284-4.189 7.864l.006.005c-.172.12-.374.24-.591.37l-.002.002c-.715.428-1.59.953-2.05 1.81c-.4.742-.478 1.948-.478 2.507H20.5z"/><path fill="url(#iUJprqI)" d="M20.5 27.322a3.268 3.268 0 0 1-6.536 0v-3.761q-.001-.48.072-.96a6 6 0 0 0 .047-.35c.036-.368-.008-.85-.258-1.172l.598-.577a9.28 9.28 0 0 1-5.05-8.274c0-.98.15-1.923.43-2.809l.99-6.466h8.051v.003c4.973.107 8.962 3.35 8.962 9.272c0 3.48-1.667 6.284-4.189 7.864l.006.005c-.172.12-.374.24-.591.37l-.002.002c-.715.428-1.59.953-2.05 1.81c-.4.742-.478 1.948-.478 2.507H20.5z"/></g><path fill="url(#i6ToUNM)" d="M20.5 27.322a3.268 3.268 0 0 1-6.536 0v-3.761q-.001-.48.072-.96a6 6 0 0 0 .047-.35c.036-.368-.008-.85-.258-1.172l.598-.577a9.28 9.28 0 0 1-5.05-8.274c0-.98.15-1.923.43-2.809l.99-6.466h8.051v.003c4.973.107 8.962 3.35 8.962 9.272c0 3.48-1.667 6.284-4.189 7.864l.006.005c-.172.12-.374.24-.591.37l-.002.002c-.715.428-1.59.953-2.05 1.81c-.4.742-.478 1.948-.478 2.507H20.5z"/><path fill="url(#iZ9WR5M)" d="M20.5 27.322a3.268 3.268 0 0 1-6.536 0v-3.761q-.001-.48.072-.96a6 6 0 0 0 .047-.35c.036-.368-.008-.85-.258-1.172l.598-.577a9.28 9.28 0 0 1-5.05-8.274c0-.98.15-1.923.43-2.809l.99-6.466h8.051v.003c4.973.107 8.962 3.35 8.962 9.272c0 3.48-1.667 6.284-4.189 7.864l.006.005c-.172.12-.374.24-.591.37l-.002.002c-.715.428-1.59.953-2.05 1.81c-.4.742-.478 1.948-.478 2.507H20.5z"/><path fill="url(#itWfX2c)" d="M20.5 27.322a3.268 3.268 0 0 1-6.536 0v-3.761q-.001-.48.072-.96a6 6 0 0 0 .047-.35c.036-.368-.008-.85-.258-1.172l.598-.577a9.28 9.28 0 0 1-5.05-8.274c0-.98.15-1.923.43-2.809l.99-6.466h8.051v.003c4.973.107 8.962 3.35 8.962 9.272c0 3.48-1.667 6.284-4.189 7.864l.006.005c-.172.12-.374.24-.591.37l-.002.002c-.715.428-1.59.953-2.05 1.81c-.4.742-.478 1.948-.478 2.507H20.5z"/><g filter="url(#iURRMBc)"><path fill="#818cf8" d="M8.24 6.69c0 .469.122.908.336 1.283c-.855.429-1.445 1.34-1.445 2.395c0 .82.356 1.553.917 2.04a2.64 2.64 0 0 0-.878 1.98c0 1.039.585 1.935 1.431 2.35a2.65 2.65 0 0 0-.618 1.71c0 1.431 1.113 2.591 2.486 2.591h2.753c1.373 0 2.485-1.16 2.485-2.59a2.63 2.63 0 0 0-.89-1.988a2.63 2.63 0 0 0 .99-2.073a2.64 2.64 0 0 0-.897-1.997c.55-.487.898-1.213.898-2.023c0-.728-.281-1.387-.736-1.867c.454-.458.736-1.1.736-1.81c0-1.393-1.083-2.522-2.419-2.522h-2.73c-1.337 0-2.42 1.13-2.42 2.521"/></g><g filter="url(#iXfReFe)"><path fill="#818cf8" d="M22.984 19.755c-3.643-2.24-7.3-.667-8.247 0l-.84-1.08c5.38-2.563 8.246-.361 9.087 1.08"/></g><rect width="5.784" height="8.988" x="6.896" y="21.784" fill="url(#ixULWPH)" rx="2.892" transform="rotate(-90 6.896 21.784)"/><rect width="5.784" height="8.988" x="6.896" y="21.784" fill="url(#izvvMhc)" rx="2.892" transform="rotate(-90 6.896 21.784)"/><rect width="5.784" height="8.988" x="6.896" y="21.784" fill="url(#i7gHTGe)" rx="2.892" transform="rotate(-90 6.896 21.784)"/><rect width="5.784" height="8.988" x="6.896" y="21.784" fill="url(#iKeXXdJ)" rx="2.892" transform="rotate(-90 6.896 21.784)"/><rect width="5.784" height="8.988" x="6.896" y="21.784" fill="url(#iqCrBPD)" rx="2.892" transform="rotate(-90 6.896 21.784)"/><rect width="5.629" height="8.806" x="7.194" y="8.582" fill="url(#ir9s6Jd)" rx="2.814" transform="rotate(-90 7.194 8.582)"/><rect width="5.629" height="8.806" x="7.194" y="8.582" fill="url(#iXyIzae)" rx="2.814" transform="rotate(-90 7.194 8.582)"/><rect width="5.629" height="8.806" x="7.194" y="8.582" fill="url(#iaCrgHd)" rx="2.814" transform="rotate(-90 7.194 8.582)"/><rect width="5.629" height="8.806" x="7.194" y="8.582" fill="url(#ibVDWRN)" rx="2.814" transform="rotate(-90 7.194 8.582)"/><rect width="5.927" height="10.097" x="5.904" y="12.836" fill="url(#ie5stOd)" rx="2.91" transform="rotate(-90 5.904 12.836)"/><rect width="5.927" height="10.097" x="5.904" y="12.836" fill="url(#iZSMpdb)" rx="2.91" transform="rotate(-90 5.904 12.836)"/><rect width="5.927" height="10.097" x="5.904" y="12.836" fill="url(#iHrwfCd)" rx="2.91" transform="rotate(-90 5.904 12.836)"/><rect width="5.927" height="10.097" x="5.904" y="12.836" fill="url(#ib6OXjo)" rx="2.91" transform="rotate(-90 5.904 12.836)"/><rect width="5.797" height="10.051" x="5.949" y="17.258" fill="url(#idKd1he)" rx="2.899" transform="rotate(-90 5.949 17.258)"/><rect width="5.797" height="10.051" x="5.949" y="17.258" fill="url(#ig3MyDd)" rx="2.899" transform="rotate(-90 5.949 17.258)"/><rect width="5.797" height="10.051" x="5.949" y="17.258" fill="url(#iQi9Bcc)" rx="2.899" transform="rotate(-90 5.949 17.258)"/><rect width="5.797" height="10.051" x="5.949" y="17.258" fill="url(#iX4puFe)" rx="2.899" transform="rotate(-90 5.949 17.258)"/><defs><radialGradient id="iUJprqI" cx="0" cy="0" r="1" gradientTransform="rotate(-63.938 23.462 -6.05)scale(7.24207 13.4771)" gradientUnits="userSpaceOnUse"><stop stop-color="#7E4F57"/><stop offset="1" stop-color="#7E4F57" stop-opacity="0"/></radialGradient><radialGradient id="i6ToUNM" cx="0" cy="0" r="1" gradientTransform="matrix(-6.09874 3.46893 -3.9808 -6.99866 24.688 8.339)" gradientUnits="userSpaceOnUse"><stop stop-color="#B58B7C"/><stop offset="1" stop-color="#A47E71" stop-opacity="0"/></radialGradient><radialGradient id="iZ9WR5M" cx="0" cy="0" r="1" gradientTransform="matrix(4.64396 0 0 9.96517 20.089 26.855)" gradientUnits="userSpaceOnUse"><stop stop-color="#9E726B"/><stop offset="1" stop-color="#9E726B" stop-opacity="0"/></radialGradient><radialGradient id="itWfX2c" cx="0" cy="0" r="1" gradientTransform="scale(12.9389 20.0228)rotate(90 .401 .95)" gradientUnits="userSpaceOnUse"><stop offset=".902" stop-color="#7B3F6B" stop-opacity="0"/><stop offset="1" stop-color="#7B3F6B"/></radialGradient><radialGradient id="i7gHTGe" cx="0" cy="0" r="1" gradientTransform="matrix(0 -2.58086 2.00356 0 10.449 29.427)" gradientUnits="userSpaceOnUse"><stop stop-color="#A07D74"/><stop offset="1" stop-color="#A07D74" stop-opacity="0"/></radialGradient><radialGradient id="iKeXXdJ" cx="0" cy="0" r="1" gradientTransform="matrix(-.17279 -7.31561 8.00204 -.189 9.788 29.1)" gradientUnits="userSpaceOnUse"><stop offset=".808" stop-color="#836059" stop-opacity="0"/><stop offset="1" stop-color="#836059"/></radialGradient><radialGradient id="iqCrBPD" cx="0" cy="0" r="1" gradientTransform="matrix(-.9313 0 0 -4.89838 11.409 25.72)" gradientUnits="userSpaceOnUse"><stop stop-color="#5D2F31"/><stop offset="1" stop-color="#5D2F31" stop-opacity="0"/></radialGradient><radialGradient id="iXyIzae" cx="0" cy="0" r="1" gradientTransform="matrix(1.06838 0 0 4.40184 8.078 12.896)" gradientUnits="userSpaceOnUse"><stop stop-color="#6E4638"/><stop offset="1" stop-color="#6E4638" stop-opacity="0"/></radialGradient><radialGradient id="iaCrgHd" cx="0" cy="0" r="1" gradientTransform="matrix(0 -2.78495 2.38236 0 10.98 15.77)" gradientUnits="userSpaceOnUse"><stop stop-color="#A68072"/><stop offset="1" stop-color="#A68072" stop-opacity="0"/></radialGradient><radialGradient id="ibVDWRN" cx="0" cy="0" r="1" gradientTransform="matrix(-.16817 -7.16786 7.78679 -.18269 10.008 15.75)" gradientUnits="userSpaceOnUse"><stop offset=".808" stop-color="#816157" stop-opacity="0"/><stop offset="1" stop-color="#816157"/></radialGradient><radialGradient id="iZSMpdb" cx="0" cy="0" r="1" gradientTransform="matrix(1.125 0 0 5.04687 6.835 17.783)" gradientUnits="userSpaceOnUse"><stop stop-color="#623D32"/><stop offset="1" stop-color="#623D32" stop-opacity="0"/></radialGradient><radialGradient id="iHrwfCd" cx="0" cy="0" r="1" gradientTransform="matrix(0 -2.68226 2.10732 0 9.43 20.999)" gradientUnits="userSpaceOnUse"><stop stop-color="#A68173"/><stop offset="1" stop-color="#A68173" stop-opacity="0"/></radialGradient><radialGradient id="ib6OXjo" cx="0" cy="0" r="1" gradientTransform="matrix(-.17705 -8.21822 8.20018 -.17667 8.867 21.054)" gradientUnits="userSpaceOnUse"><stop offset=".808" stop-color="#84655A" stop-opacity="0"/><stop offset="1" stop-color="#574744"/><stop offset="1" stop-color="#84655A"/></radialGradient><radialGradient id="ig3MyDd" cx="0" cy="0" r="1" gradientTransform="matrix(2.38035 0 0 7.9345 5.694 20.803)" gradientUnits="userSpaceOnUse"><stop stop-color="#6E3A51"/><stop offset="1" stop-color="#6E3A51" stop-opacity="0"/></radialGradient><radialGradient id="iQi9Bcc" cx="0" cy="0" r="1" gradientTransform="matrix(0 -2.6702 2.06121 0 9.398 25.384)" gradientUnits="userSpaceOnUse"><stop stop-color="#A68175"/><stop offset="1" stop-color="#A68175" stop-opacity="0"/></radialGradient><radialGradient id="iX4puFe" cx="0" cy="0" r="1" gradientTransform="matrix(-.17323 -8.18127 8.02085 -.16983 8.847 25.44)" gradientUnits="userSpaceOnUse"><stop offset=".808" stop-color="#85655C" stop-opacity="0"/><stop offset="1" stop-color="#85655C"/></radialGradient><linearGradient id="iM4RFTd" x1="26.78" x2="12.286" y1="8.877" y2="30.59" gradientUnits="userSpaceOnUse"><stop stop-color="#976F5E"/><stop offset="1" stop-color="#784C4D"/></linearGradient><linearGradient id="ixULWPH" x1="9.788" x2="9.788" y1="21.784" y2="30.772" gradientUnits="userSpaceOnUse"><stop stop-color="#6E4947"/><stop offset="1" stop-color="#93675C"/></linearGradient><linearGradient id="izvvMhc" x1="6.543" x2="8.42" y1="26.278" y2="26.278" gradientUnits="userSpaceOnUse"><stop stop-color="#79406A"/><stop offset="1" stop-color="#79406A" stop-opacity="0"/></linearGradient><linearGradient id="ir9s6Jd" x1="8.538" x2="10.883" y1="9.49" y2="16.594" gradientUnits="userSpaceOnUse"><stop stop-color="#69473F"/><stop offset="1" stop-color="#936E5D"/></linearGradient><linearGradient id="ie5stOd" x1="7.319" x2="10.194" y1="13.877" y2="21.877" gradientUnits="userSpaceOnUse"><stop stop-color="#6D4946"/><stop offset="1" stop-color="#926B5A"/></linearGradient><linearGradient id="idKd1he" x1="8.847" x2="8.847" y1="17.258" y2="26.287" gradientUnits="userSpaceOnUse"><stop stop-color="#704D47"/><stop offset="1" stop-color="#916959"/></linearGradient><filter id="iv9zOdc" width="18.933" height="27.637" x="9.373" y="2.953" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".5"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.54902 0 0 0 0 0.439216 0 0 0 0 0.388235 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_20020_3061"/></filter><filter id="iURRMBc" width="12.677" height="20.87" x="5.131" y="2.169" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_20020_3061" stdDeviation="1"/></filter><filter id="iXfReFe" width="12.088" height="5.26" x="12.396" y="15.995" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_20020_3061" stdDeviation=".75"/></filter></defs></g></svg>Icons in Action
WEB APPLICATION HEADER & NAVIGATION
my-app.com/dashboard
Dashboard
Analytics
Settings
Overview Dashboard
PROGRESS STEPPER
3
BUTTON UI ACTIONS
SCALABILITY & CLARITY
12px
16px
24px
32px
48px
“
Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.
IconSearch Presets
Frequently Asked Questions
Q.How do I use this icon in my React/Next.js project?
You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. ThumbsDownMediumDarkIcon.tsx) to avoid installing any npm packages.
Q.Is this icon free for commercial use?
Yes. This icon is published under the open-source **MIT** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.
Q.What is the "Download SVG without fill color" toggle?
Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.