gleam · Devicon
Free SVG gleam 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
- gleam
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)"><path fill="#ffaff3" d="M50.417 7.19c1.816-5.147 8.57-6.338 12.038-2.122L80.63 27.166a12.2 12.2 0 0 0 9.118 4.44l28.629.697c5.466.133 8.676 6.177 5.735 10.771L108.68 67.177a12.17 12.17 0 0 0-1.415 10.04l8.172 27.411c1.557 5.223-3.2 10.155-8.493 8.78l-27.713-7.2a12.2 12.2 0 0 0-9.989 1.76l-23.578 16.245c-4.504 3.103-10.66.096-10.984-5.345l-1.696-28.554a12.17 12.17 0 0 0-4.763-8.95L5.477 63.993c-4.335-3.31-3.385-10.088 1.706-12.082l26.664-10.447a12.2 12.2 0 0 0 7.048-7.29z"/><path fill="#151515" d="M55.39.154c-3.23.57-6.183 2.715-7.405 6.178l-9.523 26.981a9.6 9.6 0 0 1-5.553 5.744L6.243 49.504c-6.842 2.68-8.165 12.092-2.332 16.547l22.744 17.37a9.57 9.57 0 0 1 3.75 7.047l1.696 28.553c.435 7.325 8.98 11.493 15.034 7.322l23.58-16.245v-.001a9.6 9.6 0 0 1 7.87-1.387l27.714 7.199c7.116 1.849 13.72-4.99 11.623-12.023l-8.17-27.41a9.58 9.58 0 0 1 1.114-7.905l15.432-24.105c3.957-6.181-.504-14.572-7.85-14.751l-28.63-.696a9.6 9.6 0 0 1-7.183-3.497L64.46 3.425C62.127.589 58.619-.417 55.389.153m.869 4.932c1.468-.26 3.07.248 4.206 1.627L78.639 28.81a14.78 14.78 0 0 0 11.052 5.383l28.63.695c3.585.088 5.544 3.783 3.618 6.79L106.508 65.78a14.76 14.76 0 0 0-1.716 12.172l8.171 27.41c1.018 3.415-1.892 6.44-5.363 5.538l-27.714-7.2a14.8 14.8 0 0 0-12.108 2.136l-23.58 16.245c-2.954 2.035-6.722.187-6.933-3.368L35.57 90.16a14.76 14.76 0 0 0-5.775-10.852L7.051 61.939c-2.837-2.167-2.26-6.31 1.078-7.619l26.666-10.447a14.78 14.78 0 0 0 8.545-8.84l9.523-26.98c.594-1.685 1.927-2.71 3.395-2.968"/><path fill="#151515" d="M47.093 72.832a5.082 5.082 0 1 0-1.766-10.01a5.082 5.082 0 0 0 1.766 10.01m40.945-7.22a5.081 5.081 0 1 0-1.764-10.008a5.081 5.081 0 0 0 1.764 10.008M63.356 71.7a2.6 2.6 0 0 0-1.434 1.365a2.6 2.6 0 0 0-.048 1.98a6.73 6.73 0 0 0 3.562 3.737h.001c.81.358 1.681.554 2.566.575h.002a6.8 6.8 0 0 0 2.591-.451h.001a6.7 6.7 0 0 0 2.222-1.409h.001a6.74 6.74 0 0 0 2.089-4.722a2.588 2.588 0 0 0-4.952-1.106c-.137.31-.212.645-.22.985a1.6 1.6 0 0 1-.134.595v.002a1.58 1.58 0 0 1-.87.828a1.57 1.57 0 0 1-1.201-.03h-.002a1.6 1.6 0 0 1-.5-.35v-.001a1.6 1.6 0 0 1-.329-.518a2.585 2.585 0 0 0-3.345-1.48"/></g></svg>
React
// Run: npx sant-icons get devicon-gleam --format react
export function DeviconGleam(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)"><path fill="#ffaff3" d="M50.417 7.19c1.816-5.147 8.57-6.338 12.038-2.122L80.63 27.166a12.2 12.2 0 0 0 9.118 4.44l28.629.697c5.466.133 8.676 6.177 5.735 10.771L108.68 67.177a12.17 12.17 0 0 0-1.415 10.04l8.172 27.411c1.557 5.223-3.2 10.155-8.493 8.78l-27.713-7.2a12.2 12.2 0 0 0-9.989 1.76l-23.578 16.245c-4.504 3.103-10.66.096-10.984-5.345l-1.696-28.554a12.17 12.17 0 0 0-4.763-8.95L5.477 63.993c-4.335-3.31-3.385-10.088 1.706-12.082l26.664-10.447a12.2 12.2 0 0 0 7.048-7.29z"/><path fill="#151515" d="M55.39.154c-3.23.57-6.183 2.715-7.405 6.178l-9.523 26.981a9.6 9.6 0 0 1-5.553 5.744L6.243 49.504c-6.842 2.68-8.165 12.092-2.332 16.547l22.744 17.37a9.57 9.57 0 0 1 3.75 7.047l1.696 28.553c.435 7.325 8.98 11.493 15.034 7.322l23.58-16.245v-.001a9.6 9.6 0 0 1 7.87-1.387l27.714 7.199c7.116 1.849 13.72-4.99 11.623-12.023l-8.17-27.41a9.58 9.58 0 0 1 1.114-7.905l15.432-24.105c3.957-6.181-.504-14.572-7.85-14.751l-28.63-.696a9.6 9.6 0 0 1-7.183-3.497L64.46 3.425C62.127.589 58.619-.417 55.389.153m.869 4.932c1.468-.26 3.07.248 4.206 1.627L78.639 28.81a14.78 14.78 0 0 0 11.052 5.383l28.63.695c3.585.088 5.544 3.783 3.618 6.79L106.508 65.78a14.76 14.76 0 0 0-1.716 12.172l8.171 27.41c1.018 3.415-1.892 6.44-5.363 5.538l-27.714-7.2a14.8 14.8 0 0 0-12.108 2.136l-23.58 16.245c-2.954 2.035-6.722.187-6.933-3.368L35.57 90.16a14.76 14.76 0 0 0-5.775-10.852L7.051 61.939c-2.837-2.167-2.26-6.31 1.078-7.619l26.666-10.447a14.78 14.78 0 0 0 8.545-8.84l9.523-26.98c.594-1.685 1.927-2.71 3.395-2.968"/><path fill="#151515" d="M47.093 72.832a5.082 5.082 0 1 0-1.766-10.01a5.082 5.082 0 0 0 1.766 10.01m40.945-7.22a5.081 5.081 0 1 0-1.764-10.008a5.081 5.081 0 0 0 1.764 10.008M63.356 71.7a2.6 2.6 0 0 0-1.434 1.365a2.6 2.6 0 0 0-.048 1.98a6.73 6.73 0 0 0 3.562 3.737h.001c.81.358 1.681.554 2.566.575h.002a6.8 6.8 0 0 0 2.591-.451h.001a6.7 6.7 0 0 0 2.222-1.409h.001a6.74 6.74 0 0 0 2.089-4.722a2.588 2.588 0 0 0-4.952-1.106c-.137.31-.212.645-.22.985a1.6 1.6 0 0 1-.134.595v.002a1.58 1.58 0 0 1-.87.828a1.57 1.57 0 0 1-1.201-.03h-.002a1.6 1.6 0 0 1-.5-.35v-.001a1.6 1.6 0 0 1-.329-.518a2.585 2.585 0 0 0-3.345-1.48"/></g></svg>
);
}CLI
npx sant-icons get devicon-gleam
Properties
gleam in other libraries
The gleam icon ships with Devicon, an open-source icon set licensed under MIT. Search for it as "devicon gleam", "gleam svg", or any of its tagged terms (gleam). 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-gleam directly into your project. No browser context-switch.