Materials Science
The materials-science icon represents a field of study or research, often associated with scientific or academic contexts.
Exports at 24 × 24 px
Code
Materials Science in your framework
In any framework. Customize it above, and the code follows.
export const MaterialsScienceIcon = (props: React.SVGProps<SVGSVGElement>) => (
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 512 512" {...props}>
<path fill="currentColor" d="M256.977 22.395c-16.8 0-32.49 7.65-45.864 20.177c-13.372 12.53-24.82 29.98-34.363 51.117c-2 4.428-3.91 9.03-5.736 13.777a265 265 0 0 0-14.83-1.926c-5.77-.575-11.4-.932-16.87-1.06c-16.42-.39-31.427 1.275-44.58 5.262c-17.536 5.317-32.006 15.083-40.406 29.63c-8.4 14.55-9.62 31.964-5.457 49.81c4.165 17.845 13.552 36.484 27.087 55.318c2.84 3.95 5.874 7.912 9.076 11.873a264 264 0 0 0-9.064 11.86c-13.536 18.833-22.923 37.472-27.087 55.318s-2.943 35.26 5.457 49.807c8.4 14.55 22.87 24.315 40.406 29.63c17.537 5.318 38.373 6.507 61.45 4.202c4.838-.484 9.78-1.13 14.808-1.922a264 264 0 0 0 5.746 13.802c9.543 21.14 20.99 38.587 34.363 51.116s29.065 20.18 45.864 20.18s32.49-7.652 45.863-20.18c13.372-12.53 24.82-29.977 34.363-51.116a264 264 0 0 0 5.746-13.8c5.022.79 9.96 1.437 14.794 1.92c23.078 2.304 43.915 1.115 61.45-4.202c17.538-5.316 32.008-15.082 40.408-29.63c8.4-14.55 9.62-31.962 5.457-49.807c-4.165-17.845-13.553-36.484-27.087-55.318a266 266 0 0 0-9.065-11.86a263 263 0 0 0 9.076-11.872c13.535-18.834 22.922-37.473 27.086-55.318c4.164-17.846 2.943-35.26-5.457-49.81c-8.4-14.547-22.87-24.313-40.406-29.63c-13.152-3.987-28.16-5.652-44.578-5.263c-5.474.128-11.105.485-16.874 1.06c-4.84.484-9.787 1.133-14.817 1.925a265 265 0 0 0-5.737-13.776c-9.543-21.14-20.99-38.59-34.363-51.118s-29.065-20.177-45.863-20.177zm0 18.687c11.205 0 22.192 4.923 33.086 15.13c10.893 10.205 21.297 25.653 30.107 45.167a237 237 0 0 1 4.086 9.643c-21.417 4.762-44.1 12.068-67.285 21.83c-23.18-9.76-45.86-17.064-67.273-21.826c1.322-3.31 2.68-6.536 4.086-9.648c8.81-19.515 19.214-34.963 30.108-45.17c10.894-10.205 21.88-15.128 33.087-15.128zm-123.59 82.057q2.706-.027 5.498.036c4.96.11 10.117.43 15.443.963c3.406.34 6.887.775 10.424 1.288c-6.586 20.927-11.6 44.222-14.742 69.18c-20.048 15.2-37.718 31.194-52.55 47.363a237 237 0 0 1-6.327-8.378c-12.495-17.386-20.67-34.12-24.063-48.658s-2.16-26.513 3.442-36.217s15.36-16.757 29.644-21.088c9.375-2.843 20.6-4.375 33.23-4.49zm247.168 0c12.63.115 23.855 1.647 33.23 4.49c14.286 4.33 24.04 11.383 29.643 21.087c5.602 9.704 6.835 21.68 3.443 36.217c-3.39 14.537-11.57 31.272-24.063 48.658a238 238 0 0 1-6.325 8.38c-14.83-16.167-32.495-32.157-52.537-47.355c-3.14-24.962-8.16-48.26-14.746-69.19c3.533-.513 7.01-.95 10.413-1.288a200 200 0 0 1 15.444-.964a172 172 0 0 1 5.498-.037zm-49.92 5.64c4.97 15.438 9.085 32.472 12.156 50.7a508 508 0 0 0-30.446-19.035a508 508 0 0 0-31.69-16.843c17.32-6.455 34.127-11.407 49.98-14.82zm-147.317.003c15.85 3.414 32.655 8.366 49.97 14.82a509 509 0 0 0-31.69 16.842a509 509 0 0 0-30.434 19.024c3.07-18.223 7.184-35.253 12.154-50.687zm73.653 24.46c15.207 6.708 30.643 14.504 46.03 23.388c15.393 8.888 29.87 18.36 43.285 28.18c1.796 16.527 2.762 33.798 2.762 51.57c0 17.762-.963 35.026-2.758 51.546c-13.415 9.818-27.89 19.288-43.278 28.174c-15.39 8.885-30.83 16.684-46.04 23.392c-15.212-6.708-30.652-14.507-46.042-23.392c-15.385-8.883-29.854-18.35-43.264-28.164c-1.795-16.523-2.76-33.79-2.76-51.557c0-17.775.965-35.048 2.762-51.577c13.413-9.817 27.885-19.288 43.273-28.172c15.388-8.883 30.824-16.68 46.03-23.386zm1.264 28.116l-53.502 33.017l53.502 33.02l53.502-33.02l-53.502-33.018zm-110.76 39.134a509 509 0 0 0-1.257 35.885c0 12.198.43 24.172 1.258 35.864c-14.25-11.77-26.943-23.85-37.827-35.873c10.884-12.022 23.577-24.104 37.827-35.876zm219.005.01c14.243 11.77 26.933 23.847 37.813 35.867c-10.88 12.02-23.57 24.097-37.813 35.864a509 509 0 0 0 1.256-35.855c0-12.204-.43-24.18-1.257-35.876zm-173.8 8.394v65.198l56.19 34.677v-65.195zm131.058.034l-56.177 34.67v65.164l56.178-34.67zm-226.28 41.84c14.834 16.17 32.502 32.16 52.548 47.36c3.14 24.955 8.156 48.248 14.74 69.175c-3.53.51-7.006.947-10.406 1.287c-21.304 2.127-39.887.84-54.172-3.49c-14.286-4.33-24.04-11.386-29.643-21.09c-5.602-9.705-6.835-21.68-3.443-36.217s11.568-31.272 24.063-48.658a236 236 0 0 1 6.314-8.367zm319.024.003c2.207 2.8 4.32 5.59 6.313 8.364c12.494 17.385 20.67 34.12 24.062 48.657s2.162 26.512-3.44 36.217c-5.604 9.704-15.36 16.76-29.646 21.09c-14.284 4.33-32.864 5.617-54.168 3.49a239 239 0 0 1-10.395-1.285c6.585-20.932 11.6-44.23 14.74-69.19c20.04-15.196 37.706-31.182 52.535-47.345zm-73.687 62.483c-3.07 18.226-7.184 35.26-12.154 50.697c-15.854-3.413-32.663-8.368-49.984-14.822a510 510 0 0 0 31.7-16.848a509 509 0 0 0 30.44-19.027zm-171.635.01a508 508 0 0 0 30.424 19.017a510 510 0 0 0 31.7 16.848c-17.316 6.453-34.12 11.407-49.973 14.82c-4.97-15.434-9.08-32.464-12.15-50.685zm86.37.85l.68.42l.677-.42h-1.356zm-.56 45.767c23.19 9.76 45.874 17.065 67.294 21.826a237 237 0 0 1-4.094 9.67c-8.81 19.513-19.214 34.96-30.108 45.167c-10.893 10.206-21.88 15.13-33.085 15.13s-22.193-4.924-33.086-15.13s-21.297-25.654-30.107-45.168a239 239 0 0 1-4.095-9.67c21.416-4.762 44.098-12.066 67.283-21.825z"/>
</svg>
);Game Icons
More like it
Icons that share its tags, in the same style.
Search Game Icons
Skip the copy and paste. With Pro, your AI agent finds and installs any Game Icons icon from a prompt.
Get ProTags
Browse by tag
Materials Science is tagged science, thematic, research and 3 more. Related tags follow; each opens its icons from every library.
Pricing
Game Icons MCP, with Pro
Ask for Materials Science or any of 4,123 Game Icons icons and your agent installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates. The icons stay free.
4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.
- Secure checkout via Stripe
- Code lives in your repo
- Keep what you've shipped if you cancel
- License terms
FAQ
Frequently asked questions
What the Materials Science icon means and where it's used, then how to install, style, label and license it.
The materials-science icon represents a field of study or research, often associated with scientific or academic contexts. It signifies a sense of curiosity and inquiry, commonly used in digital platforms and media to convey a sense of exploration or discovery.
In real-world applications, the materials-science icon appears in software and platforms related to scientific research or academic study, such as laboratory software, scientific journals, or educational websites. It can also be found in digital media, like news articles or social media posts, to represent a story or article related to scientific discovery or breakthroughs.
From a UX perspective, the materials-science icon communicates a sense of intellectual curiosity and analytical thinking, helping users understand that the content or functionality associated with it is related to scientific research or study. It can also serve as a visual cue to guide users through an interface or to draw attention to a specific feature or section.
Materials Science is one of 4,123 icons in Game Icons, made by GameIcons and released under CC BY 3.0. It is drawn on a 512 × 512 grid.
Sign in (it's free), then open Get icon, Install with shadcn CLI, and pick your package manager to copy the command. It adds MaterialsScienceIcon to components/icons/game-icons-materials-science.tsx: one file, a size prop (24 by default) and every SVG prop, with no icon package.
Copy it as React (from Get icon, or the Code section): a typed MaterialsScienceIcon component you paste into your project, with no package to install. Only the icons you import reach your bundle. It works in Next.js and any React app.
Open Get icon, then Copy as code, and pick Vue, Svelte, Angular, Solid or Preact; the Code section shows each one too. Every version is one self-contained component with the SVG inside, and SVG and data URL copies are there for plain HTML and CSS.
With Pro, the shadcn.io MCP server lets Claude Code, Cursor or any MCP client find the Materials Science icon, or any of 4,123 Game Icons icons, and install it from a prompt.
It's drawn in currentColor, so it takes the text color wherever you use it: a class like text-primary recolors it. To bake a color in, set one in Customize before you copy.
Set width and height on the component, or a class like size-6. It's drawn on a 512 × 512 grid, so it stays sharp at any size. Customize also sets the size it exports at, its padding and rotation.
Yes. It follows the text color, so with text-foreground (or any theme token) it changes with your light and dark themes. The icon is a vector, so it needs no separate dark asset.
Next to a visible label it's decoration: add aria-hidden="true" so screen readers skip it. Standing alone, as in an icon button, give the button a name instead, like aria-label="Materials Science", so screen readers say what it does.
Yes. MaterialsScienceIcon passes every SVG prop to the svg element, so <MaterialsScienceIcon aria-hidden="true" /> works, and so do role="img" with aria-label, or a title child, when it carries meaning on its own.
Yes. Open Get icon, then Download file: SVG for code or design tools like Figma; PNG, WebP or JPEG at 512px; or an ICO favicon with 16, 32 and 48px inside. Each one uses what you set in Customize.
Yes, with credit: CC BY 3.0 asks you to credit the author (GameIcons) where you use the icons. The full terms are in the license, linked on this page.
Yes. CC BY 3.0 asks you to credit the author where you use the icons, for example "Icons by GameIcons, CC BY 3.0" on an about or credits page.
Yes. Copying and downloading it is free, and the shadcn CLI install only needs a free account.
Its tags are science, thematic, research, discovery, study and game-icons. Each tag page lists the icons that carry it from every library, which is the quickest way to find a match for Materials Science in another set.
4.9 out of 5 from 150+ developers
Install Materials Science from a prompt
MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.
Get Pro