Иконка Atom 48 Bold
energy-icons:atom-48-bold
Иконка Atom 48 Bold (energy-icons:atom-48-bold) — бесплатная SVG-иконка из набора Energy Icons от Sam Passmore. Она нарисована на сетке 48 × 48. Energy Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Energy Icons
- Автор
- Sam Passmore
- Лицензия
- MIT
- Размер
- 48 × 48
- Теги
- atombold
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" d="M41.75 24c0-.473-.256-1.078-1.065-1.783c-.805-.702-2.044-1.39-3.682-1.994c-3.267-1.204-7.864-1.974-13.003-1.974s-9.736.77-13.003 1.974c-1.638.604-2.877 1.292-3.683 1.994c-.808.705-1.064 1.31-1.064 1.782s.256 1.078 1.064 1.783c.806.701 2.045 1.39 3.683 1.994c3.267 1.203 7.864 1.973 13.003 1.973s9.736-.77 13.003-1.973c1.638-.604 2.877-1.293 3.682-1.994c.81-.705 1.065-1.31 1.065-1.783m2.5 0c0 1.46-.808 2.696-1.922 3.666c-1.117.973-2.661 1.793-4.46 2.456c-3.61 1.33-8.513 2.127-13.868 2.127s-10.258-.797-13.867-2.127c-1.8-.663-3.344-1.483-4.461-2.456C4.558 26.696 3.75 25.46 3.75 24s.808-2.696 1.922-3.667c1.117-.973 2.661-1.793 4.46-2.456c3.61-1.33 8.513-2.127 13.868-2.127s10.258.798 13.867 2.127c1.8.663 3.344 1.483 4.461 2.456c1.114.97 1.922 2.206 1.922 3.667"/><path fill="currentColor" d="M13.875 6.463c1.265-.73 2.739-.649 4.136-.17c1.402.481 2.884 1.408 4.358 2.635c2.956 2.461 6.098 6.308 8.775 10.946c2.678 4.637 4.439 9.283 5.092 13.073c.326 1.89.388 3.637.104 5.09c-.284 1.45-.95 2.768-2.215 3.499c-1.266.73-2.74.648-4.137.169c-1.401-.481-2.883-1.408-4.357-2.635c-2.956-2.46-6.098-6.309-8.776-10.946c-2.677-4.638-4.438-9.282-5.09-13.072c-.326-1.89-.39-3.637-.105-5.091c.283-1.45.95-2.768 2.215-3.498M17.2 8.658c-1.015-.348-1.668-.266-2.076-.03s-.805.76-1.011 1.812c-.205 1.049-.182 2.466.114 4.187c.591 3.43 2.223 7.797 4.792 12.247s5.535 8.047 8.211 10.274c1.342 1.117 2.558 1.846 3.568 2.193c1.015.348 1.667.266 2.076.03c.408-.236.806-.76 1.011-1.813c.205-1.048.183-2.465-.114-4.186c-.591-3.431-2.223-7.798-4.793-12.248s-5.534-8.046-8.21-10.274c-1.342-1.117-2.557-1.845-3.568-2.192"/><path fill="currentColor" d="M29.988 6.294c1.397-.48 2.871-.562 4.137.169c1.265.73 1.931 2.048 2.215 3.498c.284 1.453.222 3.2-.104 5.09c-.653 3.79-2.414 8.435-5.092 13.073c-2.677 4.637-5.819 8.485-8.775 10.946c-1.474 1.227-2.956 2.154-4.358 2.635c-1.397.48-2.871.561-4.136-.17c-1.266-.73-1.932-2.047-2.215-3.497c-.284-1.454-.221-3.2.104-5.091c.653-3.79 2.414-8.436 5.091-13.073s5.82-8.485 8.776-10.946c1.474-1.226 2.956-2.154 4.357-2.634m2.887 2.334c-.409-.236-1.061-.318-2.076.03c-1.01.347-2.226 1.075-3.568 2.192c-2.676 2.228-5.641 5.823-8.21 10.274s-4.202 8.817-4.793 12.248c-.296 1.72-.319 3.138-.114 4.186c.206 1.053.602 1.577 1.01 1.813c.41.236 1.062.318 2.077-.03c1.01-.347 2.226-1.076 3.568-2.193c2.676-2.227 5.64-5.824 8.21-10.274s4.202-8.816 4.793-12.247c.297-1.721.32-3.138.114-4.187c-.205-1.052-.603-1.576-1.011-1.812"/><path fill="currentColor" d="M24.75 24a.75.75 0 1 0-1.499-.002a.75.75 0 0 0 1.499.001m2.5 0a3.25 3.25 0 1 1-6.499 0a3.25 3.25 0 0 1 6.499 0"/></svg>Как использовать иконку Atom 48 Bold
React
import { Icon } from "@iconify/react";
<Icon icon="energy-icons:atom-48-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="energy-icons:atom-48-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="energy-icons:atom-48-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--atom-48-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:atom-48-bold"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="energy-icons:atom-48-bold"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/energy-icons/atom-48-bold.svg" alt="Иконка Atom 48 Bold" width="24" height="24">Похожие иконки в наборе Energy Icons
Вопросы и ответы: Иконка Atom 48 Bold
Можно ли бесплатно использовать иконку Atom 48 Bold в коммерческих проектах?
Да. Energy Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Atom 48 Bold в React?
Установите @iconify/react и выведите <Icon icon="energy-icons:atom-48-bold" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Atom 48 Bold на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/energy-icons/atom-48-bold.svg" alt="Иконка Atom 48 Bold">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.