Chemistry icon
simple-line-icons:chemistry
The Chemistry icon (simple-line-icons:chemistry) is a free SVG icon from the Simple line icons set by Sabbir Ahmed. It is drawn on a 1024 × 1024 grid. Simple line icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Simple line icons
- Author
- Sabbir Ahmed
- License
- MIT
- Size
- 1024 × 1024
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M810.416 970.72L640.015 769.056V415.552h21.312c17.68 0 32-14.32 32-32s-14.32-32-32-32h-53.312c-17.68 0-32 14.32-32 32v397.824a31.94 31.94 0 0 0 8.256 21.44l130.368 157.343h-405.28l130.368-157.344a31.94 31.94 0 0 0 8.256-21.44V383.553c0-17.68-14.32-32-32-32H362.67c-17.68 0-32 14.32-32 32s14.32 32 32 32h21.312v353.504l-170.4 201.664a32.04 32.04 0 0 0-5.504 34.431a32 32 0 0 0 29.249 19.01h549.344a32 32 0 0 0 29.249-19.01c5.12-11.551 2.976-25.055-5.504-34.431zM479.999 319.68c35.264 0 63.84-28.592 63.84-63.84c0-35.216-28.576-63.807-63.84-63.807c-35.28 0-63.84 28.591-63.84 63.807c0 35.248 28.56 63.84 63.84 63.84m208.48-94.992c62.368 0 112.928-50.336 112.928-112.416S750.863-.144 688.479-.144c-62.352 0-112.928 50.336-112.928 112.416s50.576 112.416 112.928 112.416m-.496-161.025c26.656 0 48.336 21.584 48.336 48.128c0 26.528-21.68 48.128-48.336 48.128s-48.336-21.6-48.336-48.128c.016-26.544 21.68-48.128 48.336-48.128"/></svg>How to use the Chemistry icon
React
import { Icon } from "@iconify/react";
<Icon icon="simple-line-icons:chemistry" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-line-icons:chemistry" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-line-icons:chemistry" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-line-icons--chemistry]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-line-icons -->
<div class="i-simple-line-icons:chemistry"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-line-icons:chemistry"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/simple-line-icons/chemistry.svg" alt="Chemistry icon" width="24" height="24">Chemistry icon in other icon sets
Chemistry icon FAQ
Is the Chemistry icon free for commercial use?
Yes. Simple line icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Chemistry icon in React?
Install @iconify/react and render <Icon icon="simple-line-icons:chemistry" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Chemistry icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/simple-line-icons/chemistry.svg" alt="Chemistry icon">, or paste the SVG code inline to style it with CSS.