<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(#iQTg8Lg)"><path fill="url(#ipBTmEe)" d="M20.307 26.55a3.268 3.268 0 1 1-6.536 0v-3.76q-.001-.482.071-.961q.03-.175.048-.35c.036-.368-.008-.849-.258-1.172l.598-.576a9.28 9.28 0 0 1-5.05-8.275c0-.979.15-1.923.43-2.808l.99-6.467h8.051v.003c4.973.107 8.962 3.35 8.962 9.272c0 3.481-1.667 6.284-4.189 7.864l.006.005c-.172.12-.374.24-.591.371l-.002.001c-.715.429-1.59.953-2.05 1.81c-.4.743-.478 1.948-.478 2.508l-.002-.001z"/></g><path fill="url(#i87pBur)" d="M20.307 26.55a3.268 3.268 0 1 1-6.536 0v-3.76q-.001-.482.071-.961q.03-.175.048-.35c.036-.368-.008-.849-.258-1.172l.598-.576a9.28 9.28 0 0 1-5.05-8.275c0-.979.15-1.923.43-2.808l.99-6.467h8.051v.003c4.973.107 8.962 3.35 8.962 9.272c0 3.481-1.667 6.284-4.189 7.864l.006.005c-.172.12-.374.24-.591.371l-.002.001c-.715.429-1.59.953-2.05 1.81c-.4.743-.478 1.948-.478 2.508l-.002-.001z"/><path fill="url(#iY2lswc)" d="M20.307 26.55a3.268 3.268 0 1 1-6.536 0v-3.76q-.001-.482.071-.961q.03-.175.048-.35c.036-.368-.008-.849-.258-1.172l.598-.576a9.28 9.28 0 0 1-5.05-8.275c0-.979.15-1.923.43-2.808l.99-6.467h8.051v.003c4.973.107 8.962 3.35 8.962 9.272c0 3.481-1.667 6.284-4.189 7.864l.006.005c-.172.12-.374.24-.591.371l-.002.001c-.715.429-1.59.953-2.05 1.81c-.4.743-.478 1.948-.478 2.508l-.002-.001z"/><path fill="url(#ivKCi9l)" d="M20.307 26.55a3.268 3.268 0 1 1-6.536 0v-3.76q-.001-.482.071-.961q.03-.175.048-.35c.036-.368-.008-.849-.258-1.172l.598-.576a9.28 9.28 0 0 1-5.05-8.275c0-.979.15-1.923.43-2.808l.99-6.467h8.051v.003c4.973.107 8.962 3.35 8.962 9.272c0 3.481-1.667 6.284-4.189 7.864l.006.005c-.172.12-.374.24-.591.371l-.002.001c-.715.429-1.59.953-2.05 1.81c-.4.743-.478 1.948-.478 2.508l-.002-.001z"/><g filter="url(#iU4BOrh)"><path fill="#818cf8" d="M8.432 5.919c0 .468.122.907.336 1.283c-.855.428-1.445 1.34-1.445 2.394c0 .82.357 1.553.917 2.04a2.64 2.64 0 0 0-.878 1.98c0 1.039.585 1.936 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.486-1.16 2.486-2.59a2.63 2.63 0 0 0-.891-1.988A2.63 2.63 0 0 0 16 13.616c0-.803-.35-1.52-.898-1.997A2.7 2.7 0 0 0 16 9.596c0-.728-.28-1.387-.736-1.867c.454-.458.736-1.1.736-1.81c0-1.393-1.083-2.521-2.419-2.521h-2.73c-1.336 0-2.42 1.128-2.42 2.52"/></g><g filter="url(#ii0E7Fe)"><path fill="#818cf8" d="M22.791 18.984c-3.643-2.241-7.3-.668-8.247 0l-.84-1.082c5.38-2.562 8.246-.36 9.087 1.081"/></g><rect width="5.784" height="8.988" x="6.703" y="21.013" fill="url(#i2P5sNc)" rx="2.892" transform="rotate(-90 6.703 21.013)"/><rect width="5.784" height="8.988" x="6.703" y="21.013" fill="url(#i5uwuPd)" rx="2.892" transform="rotate(-90 6.703 21.013)"/><rect width="5.784" height="8.988" x="6.703" y="21.013" fill="url(#iNI4FDc)" rx="2.892" transform="rotate(-90 6.703 21.013)"/><rect width="5.784" height="8.988" x="6.703" y="21.013" fill="url(#iFu5oKe)" rx="2.892" transform="rotate(-90 6.703 21.013)"/><rect width="5.784" height="8.988" x="6.703" y="21.013" fill="url(#itiffYc)" rx="2.892" transform="rotate(-90 6.703 21.013)"/><rect width="5.629" height="8.806" x="7.001" y="7.81" fill="url(#il6BTye)" rx="2.814" transform="rotate(-90 7 7.81)"/><rect width="5.629" height="8.806" x="7.001" y="7.81" fill="url(#i7va8yd)" rx="2.814" transform="rotate(-90 7 7.81)"/><rect width="5.629" height="8.806" x="7.001" y="7.81" fill="url(#iecxEyc)" rx="2.814" transform="rotate(-90 7 7.81)"/><rect width="5.629" height="8.806" x="7.001" y="7.81" fill="url(#idGlvyb)" rx="2.814" transform="rotate(-90 7 7.81)"/><rect width="5.927" height="10.097" x="5.71" y="12.064" fill="url(#iwoSApa)" rx="2.91" transform="rotate(-90 5.71 12.064)"/><rect width="5.927" height="10.097" x="5.71" y="12.064" fill="url(#iFahNFd)" rx="2.91" transform="rotate(-90 5.71 12.064)"/><rect width="5.927" height="10.097" x="5.71" y="12.064" fill="url(#ifZ63Ib)" rx="2.91" transform="rotate(-90 5.71 12.064)"/><rect width="5.927" height="10.097" x="5.71" y="12.064" fill="url(#iteUb5c)" rx="2.91" transform="rotate(-90 5.71 12.064)"/><rect width="5.797" height="10.051" x="5.756" y="16.486" fill="url(#i03KMuc)" rx="2.899" transform="rotate(-90 5.756 16.486)"/><rect width="5.797" height="10.051" x="5.756" y="16.486" fill="url(#inGyoCD)" rx="2.899" transform="rotate(-90 5.756 16.486)"/><rect width="5.797" height="10.051" x="5.756" y="16.486" fill="url(#ivNeccb)" rx="2.899" transform="rotate(-90 5.756 16.486)"/><rect width="5.797" height="10.051" x="5.756" y="16.486" fill="url(#iMdFiNc)" rx="2.899" transform="rotate(-90 5.756 16.486)"/><defs><radialGradient id="i87pBur" cx="0" cy="0" r="1" gradientTransform="matrix(-6.09874 3.46893 -3.9808 -6.99866 24.495 7.567)" gradientUnits="userSpaceOnUse"><stop stop-color="#745E5C"/><stop offset="1" stop-color="#665250" stop-opacity="0"/></radialGradient><radialGradient id="iY2lswc" cx="0" cy="0" r="1" gradientTransform="matrix(4.64396 0 0 9.96517 19.895 26.084)" gradientUnits="userSpaceOnUse"><stop stop-color="#5B4444"/><stop offset="1" stop-color="#5B4444" stop-opacity="0"/></radialGradient><radialGradient id="ivKCi9l" cx="0" cy="0" r="1" gradientTransform="scale(12.9389 20.0228)rotate(90 .413 .923)" gradientUnits="userSpaceOnUse"><stop offset=".902" stop-color="#3F233B" stop-opacity="0"/><stop offset="1" stop-color="#3F233B"/></radialGradient><radialGradient id="iNI4FDc" cx="0" cy="0" r="1" gradientTransform="matrix(0 -2.58086 2.00356 0 10.256 28.655)" gradientUnits="userSpaceOnUse"><stop stop-color="#65514F"/><stop offset="1" stop-color="#65514F" stop-opacity="0"/></radialGradient><radialGradient id="iFu5oKe" cx="0" cy="0" r="1" gradientTransform="matrix(-.9313 0 0 -4.89838 11.216 24.948)" gradientUnits="userSpaceOnUse"><stop stop-color="#220D0F"/><stop offset="1" stop-color="#220D0F" stop-opacity="0"/></radialGradient><radialGradient id="itiffYc" cx="0" cy="0" r="1" gradientTransform="matrix(-.17279 -7.31561 8.00204 -.189 9.594 28.328)" gradientUnits="userSpaceOnUse"><stop offset=".808" stop-color="#554542" stop-opacity="0"/><stop offset="1" stop-color="#554542"/></radialGradient><radialGradient id="i7va8yd" cx="0" cy="0" r="1" gradientTransform="matrix(1.06838 0 0 4.40184 7.885 12.125)" gradientUnits="userSpaceOnUse"><stop stop-color="#321C19"/><stop offset="1" stop-color="#321C19" stop-opacity="0"/></radialGradient><radialGradient id="iecxEyc" cx="0" cy="0" r="1" gradientTransform="matrix(0 -2.78495 2.38236 0 10.787 14.998)" gradientUnits="userSpaceOnUse"><stop stop-color="#634F4D"/><stop offset="1" stop-color="#634F4D" stop-opacity="0"/></radialGradient><radialGradient id="idGlvyb" cx="0" cy="0" r="1" gradientTransform="matrix(-.16817 -7.16786 7.78679 -.18269 9.815 14.978)" gradientUnits="userSpaceOnUse"><stop offset=".808" stop-color="#564744" stop-opacity="0"/><stop offset="1" stop-color="#564744"/></radialGradient><radialGradient id="iFahNFd" cx="0" cy="0" r="1" gradientTransform="matrix(1.125 0 0 5.04687 6.642 17.011)" gradientUnits="userSpaceOnUse"><stop stop-color="#2B1715"/><stop offset="1" stop-color="#2B1715" stop-opacity="0"/></radialGradient><radialGradient id="ifZ63Ib" cx="0" cy="0" r="1" gradientTransform="matrix(0 -2.68226 2.10732 0 9.236 20.227)" gradientUnits="userSpaceOnUse"><stop stop-color="#65514F"/><stop offset="1" stop-color="#65514F" stop-opacity="0"/></radialGradient><radialGradient id="iteUb5c" cx="0" cy="0" r="1" gradientTransform="matrix(-.17705 -8.21822 8.20018 -.17667 8.674 20.282)" gradientUnits="userSpaceOnUse"><stop offset=".808" stop-color="#574744" stop-opacity="0"/><stop offset="1" stop-color="#574744"/></radialGradient><radialGradient id="inGyoCD" cx="0" cy="0" r="1" gradientTransform="matrix(2.38035 0 0 7.9345 5.5 20.031)" gradientUnits="userSpaceOnUse"><stop stop-color="#3A1F2D"/><stop offset="1" stop-color="#3A1F2D" stop-opacity="0"/></radialGradient><radialGradient id="ivNeccb" cx="0" cy="0" r="1" gradientTransform="matrix(0 -2.6702 2.06121 0 9.205 24.613)" gradientUnits="userSpaceOnUse"><stop stop-color="#665150"/><stop offset="1" stop-color="#665150" stop-opacity="0"/></radialGradient><radialGradient id="iMdFiNc" cx="0" cy="0" r="1" gradientTransform="matrix(-.17323 -8.18127 8.02085 -.16983 8.655 24.668)" gradientUnits="userSpaceOnUse"><stop offset=".808" stop-color="#564642" stop-opacity="0"/><stop offset="1" stop-color="#564642"/></radialGradient><linearGradient id="ipBTmEe" x1="26.587" x2="12.093" y1="8.105" y2="29.819" gradientUnits="userSpaceOnUse"><stop stop-color="#523835"/><stop offset="1" stop-color="#40292B"/></linearGradient><linearGradient id="i2P5sNc" x1="9.595" x2="9.595" y1="21.013" y2="30" gradientUnits="userSpaceOnUse"><stop stop-color="#3D2728"/><stop offset="1" stop-color="#4D312E"/></linearGradient><linearGradient id="i5uwuPd" x1="6.35" x2="8.227" y1="25.506" y2="25.506" gradientUnits="userSpaceOnUse"><stop stop-color="#3D2238"/><stop offset="1" stop-color="#3D2238" stop-opacity="0"/></linearGradient><linearGradient id="il6BTye" x1="8.345" x2="10.69" y1="8.718" y2="15.823" gradientUnits="userSpaceOnUse"><stop stop-color="#392726"/><stop offset="1" stop-color="#5A423E"/></linearGradient><linearGradient id="iwoSApa" x1="7.126" x2="10.001" y1="13.105" y2="21.105" gradientUnits="userSpaceOnUse"><stop stop-color="#3C2827"/><stop offset="1" stop-color="#553B37"/></linearGradient><linearGradient id="i03KMuc" x1="8.654" x2="8.654" y1="16.486" y2="25.515" gradientUnits="userSpaceOnUse"><stop stop-color="#3F2C29"/><stop offset="1" stop-color="#4D332F"/></linearGradient><filter id="iQTg8Lg" width="18.933" height="27.637" x="9.18" y="2.181" 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.305882 0 0 0 0 0.235294 0 0 0 0 0.227451 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_20020_3052"/></filter><filter id="iU4BOrh" width="12.677" height="20.87" x="5.323" y="1.398" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_20020_3052" stdDeviation="1"/></filter><filter id="ii0E7Fe" width="12.088" height="5.26" x="12.203" y="15.224" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_20020_3052" 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. ThumbsDownDarkIcon.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.