rollup · Devicon
Free SVG rollup icon from Devicon. Rendered at 24×24 in the filled style and licensed under MIT. Copy directly as SVG, React (JSX), or Vue. Download as SVG or PNG. No login, no attribution required for MIT licensed icons.
Tags
- rollup
Code
HTML / SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><g transform="scale(0.1875) translate(0 0)"><linearGradient id="SVG4urWJc5K" x1="51.359" x2="84.819" y1="61.956" y2="54.135" gradientTransform="matrix(1 0 0 -1 0 130)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ff6533"/><stop offset=".157" stop-color="#ff5633"/><stop offset=".434" stop-color="#ff4333"/><stop offset=".714" stop-color="#ff3733"/><stop offset="1" stop-color="#f33"/></linearGradient><path fill="url(#SVG4urWJc5K)" d="M111.442 42.825c0-7.3-1.912-14.144-5.28-20.076c-8.93-9.191-28.354-11.32-33.177-.043c-4.954 11.559 8.321 24.421 14.123 23.4c7.387-1.304-1.304-18.251-1.304-18.251c11.298 21.292 8.691 14.774-11.733 34.329s-41.281 60.814-44.323 62.552c-.13.087-.261.152-.413.217h80.107c1.412 0 2.325-1.499 1.695-2.759L90.193 80.739a1.9 1.9 0 0 1 .739-2.499c12.254-7.04 20.51-20.25 20.51-35.415"/><linearGradient id="SVG071zDcpN" x1="46.123" x2="106.089" y1="73.047" y2="26.551" gradientTransform="matrix(1 0 0 -1 0 130)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#bf3338"/><stop offset="1" stop-color="#f33"/></linearGradient><path fill="url(#SVG071zDcpN)" d="M111.442 42.825c0-7.3-1.912-14.144-5.28-20.076c-8.93-9.191-28.354-11.32-33.177-.043c-4.954 11.559 8.321 24.421 14.123 23.4c7.387-1.304-1.304-18.251-1.304-18.251c11.298 21.292 8.691 14.774-11.733 34.329s-41.281 60.814-44.323 62.552c-.13.087-.261.152-.413.217h80.107c1.412 0 2.325-1.499 1.695-2.759L90.193 80.739a1.9 1.9 0 0 1 .739-2.499c12.254-7.04 20.51-20.25 20.51-35.415"/><linearGradient id="SVGJSwEQbNb" x1="48.083" x2="56.774" y1="63.893" y2="54.768" gradientTransform="matrix(1 0 0 -1 0 130)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ff6533"/><stop offset=".157" stop-color="#ff5633"/><stop offset=".434" stop-color="#ff4333"/><stop offset=".714" stop-color="#ff3733"/><stop offset="1" stop-color="#f33"/></linearGradient><path fill="url(#SVGJSwEQbNb)" d="M29.748 124.736c3.042-1.738 23.9-43.019 44.323-62.574s23.031-13.036 11.733-34.329c0 0-43.237 60.618-58.88 90.602"/><linearGradient id="SVGWUG8pd3p" x1="63.885" x2="61.278" y1="48.184" y2="85.555" gradientTransform="matrix(1 0 0 -1 0 130)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ff6533"/><stop offset=".157" stop-color="#ff5633"/><stop offset=".434" stop-color="#ff4333"/><stop offset=".714" stop-color="#ff3733"/><stop offset="1" stop-color="#f33"/></linearGradient><path fill="url(#SVGWUG8pd3p)" d="M35.832 70.418c29.201-53.687 33.025-59.097 48.234-59.097c7.996 0 16.056 3.607 21.271 10.016C98.232 9.887 85.652 2.217 71.247 2H21.644c-1.043 0-1.89.847-1.89 1.89v99.988c2.955-7.626 7.974-18.533 16.078-33.46"/><linearGradient id="SVGDQ9ogc9Q" x1="52.589" x2="64.934" y1="64.534" y2="56.139" gradientTransform="matrix(1 0 0 -1 0 130)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fbb040"/><stop offset="1" stop-color="#fb8840"/></linearGradient><path fill="url(#SVGDQ9ogc9Q)" d="M74.071 62.162c-20.423 19.554-41.281 60.836-44.323 62.574s-8.148 1.955-10.863-1.086c-2.89-3.237-7.387-8.474 16.947-53.231c29.201-53.687 33.025-59.097 48.234-59.097c7.996 0 16.056 3.607 21.271 10.016c.282.456.565.934.847 1.412c-8.93-9.191-28.354-11.32-33.177-.043c-4.954 11.559 8.321 24.421 14.123 23.4c7.387-1.304-1.304-18.251-1.304-18.251c11.276 21.27 8.669 14.752-11.755 34.306"/><linearGradient id="SVGHtMJ5hnZ" x1="65.237" x2="52.636" y1="111.996" y2="-26.622" gradientTransform="matrix(1 0 0 -1 0 130)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></linearGradient><path fill="url(#SVGHtMJ5hnZ)" d="M38.222 72.808c29.201-53.687 33.025-59.097 48.234-59.097c6.583 0 13.21 2.455 18.251 6.887c-5.214-5.953-12.949-9.277-20.641-9.277c-15.209 0-19.033 5.41-48.234 59.097c-24.334 44.758-19.837 49.994-16.947 53.231c.413.456.891.847 1.391 1.173c-2.543-3.693-3.672-12.275 17.946-52.014" opacity=".3"/></g></svg>
React
// Run: npx sant-icons get devicon-rollup --format react
export function DeviconRollup(props) {
return (
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" {...props}><g transform="scale(0.1875) translate(0 0)"><linearGradient id="SVG4urWJc5K" x1="51.359" x2="84.819" y1="61.956" y2="54.135" gradientTransform="matrix(1 0 0 -1 0 130)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ff6533"/><stop offset=".157" stop-color="#ff5633"/><stop offset=".434" stop-color="#ff4333"/><stop offset=".714" stop-color="#ff3733"/><stop offset="1" stop-color="#f33"/></linearGradient><path fill="url(#SVG4urWJc5K)" d="M111.442 42.825c0-7.3-1.912-14.144-5.28-20.076c-8.93-9.191-28.354-11.32-33.177-.043c-4.954 11.559 8.321 24.421 14.123 23.4c7.387-1.304-1.304-18.251-1.304-18.251c11.298 21.292 8.691 14.774-11.733 34.329s-41.281 60.814-44.323 62.552c-.13.087-.261.152-.413.217h80.107c1.412 0 2.325-1.499 1.695-2.759L90.193 80.739a1.9 1.9 0 0 1 .739-2.499c12.254-7.04 20.51-20.25 20.51-35.415"/><linearGradient id="SVG071zDcpN" x1="46.123" x2="106.089" y1="73.047" y2="26.551" gradientTransform="matrix(1 0 0 -1 0 130)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#bf3338"/><stop offset="1" stop-color="#f33"/></linearGradient><path fill="url(#SVG071zDcpN)" d="M111.442 42.825c0-7.3-1.912-14.144-5.28-20.076c-8.93-9.191-28.354-11.32-33.177-.043c-4.954 11.559 8.321 24.421 14.123 23.4c7.387-1.304-1.304-18.251-1.304-18.251c11.298 21.292 8.691 14.774-11.733 34.329s-41.281 60.814-44.323 62.552c-.13.087-.261.152-.413.217h80.107c1.412 0 2.325-1.499 1.695-2.759L90.193 80.739a1.9 1.9 0 0 1 .739-2.499c12.254-7.04 20.51-20.25 20.51-35.415"/><linearGradient id="SVGJSwEQbNb" x1="48.083" x2="56.774" y1="63.893" y2="54.768" gradientTransform="matrix(1 0 0 -1 0 130)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ff6533"/><stop offset=".157" stop-color="#ff5633"/><stop offset=".434" stop-color="#ff4333"/><stop offset=".714" stop-color="#ff3733"/><stop offset="1" stop-color="#f33"/></linearGradient><path fill="url(#SVGJSwEQbNb)" d="M29.748 124.736c3.042-1.738 23.9-43.019 44.323-62.574s23.031-13.036 11.733-34.329c0 0-43.237 60.618-58.88 90.602"/><linearGradient id="SVGWUG8pd3p" x1="63.885" x2="61.278" y1="48.184" y2="85.555" gradientTransform="matrix(1 0 0 -1 0 130)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ff6533"/><stop offset=".157" stop-color="#ff5633"/><stop offset=".434" stop-color="#ff4333"/><stop offset=".714" stop-color="#ff3733"/><stop offset="1" stop-color="#f33"/></linearGradient><path fill="url(#SVGWUG8pd3p)" d="M35.832 70.418c29.201-53.687 33.025-59.097 48.234-59.097c7.996 0 16.056 3.607 21.271 10.016C98.232 9.887 85.652 2.217 71.247 2H21.644c-1.043 0-1.89.847-1.89 1.89v99.988c2.955-7.626 7.974-18.533 16.078-33.46"/><linearGradient id="SVGDQ9ogc9Q" x1="52.589" x2="64.934" y1="64.534" y2="56.139" gradientTransform="matrix(1 0 0 -1 0 130)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fbb040"/><stop offset="1" stop-color="#fb8840"/></linearGradient><path fill="url(#SVGDQ9ogc9Q)" d="M74.071 62.162c-20.423 19.554-41.281 60.836-44.323 62.574s-8.148 1.955-10.863-1.086c-2.89-3.237-7.387-8.474 16.947-53.231c29.201-53.687 33.025-59.097 48.234-59.097c7.996 0 16.056 3.607 21.271 10.016c.282.456.565.934.847 1.412c-8.93-9.191-28.354-11.32-33.177-.043c-4.954 11.559 8.321 24.421 14.123 23.4c7.387-1.304-1.304-18.251-1.304-18.251c11.276 21.27 8.669 14.752-11.755 34.306"/><linearGradient id="SVGHtMJ5hnZ" x1="65.237" x2="52.636" y1="111.996" y2="-26.622" gradientTransform="matrix(1 0 0 -1 0 130)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></linearGradient><path fill="url(#SVGHtMJ5hnZ)" d="M38.222 72.808c29.201-53.687 33.025-59.097 48.234-59.097c6.583 0 13.21 2.455 18.251 6.887c-5.214-5.953-12.949-9.277-20.641-9.277c-15.209 0-19.033 5.41-48.234 59.097c-24.334 44.758-19.837 49.994-16.947 53.231c.413.456.891.847 1.391 1.173c-2.543-3.693-3.672-12.275 17.946-52.014" opacity=".3"/></g></svg>
);
}CLI
npx sant-icons get devicon-rollup
Properties
Related from Devicon
The rollup icon ships with Devicon, an open-source icon set licensed under MIT. Search for it as "devicon rollup", "rollup svg", or any of its tagged terms (rollup). The SVG is normalised to a 24×24 viewBox so you can drop it into any UI framework alongside the other icons here without scaling concerns.
Need this icon in your codebase fast? Install the MCP server for Claude Code (or any MCP-aware AI tool) and ask the model to fetch devicon-rollup directly into your project. No browser context-switch.