ICONYZ
Русский
Иконка Atom 20 из набора Energy Icons

Иконка Atom 20

energy-icons:atom-20

Иконка Atom 20 (energy-icons:atom-20) — бесплатная SVG-иконка из набора Energy Icons от Sam Passmore. Она нарисована на сетке 20 × 20. Energy Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Energy Icons
Автор
Sam Passmore
Лицензия
MIT
Размер
20 × 20
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="currentColor" d="M17.3 10c0-.204-.11-.46-.443-.754c-.332-.292-.842-.578-1.515-.828C13.999 7.918 12.11 7.6 10 7.6s-3.998.319-5.341.818c-.673.25-1.183.536-1.516.828c-.333.293-.443.55-.443.754s.11.46.443.753c.333.292.843.579 1.516.83c1.343.498 3.23.816 5.34.816c2.111 0 4-.318 5.343-.817c.673-.25 1.183-.537 1.515-.829c.333-.293.442-.549.443-.753m1 0c0 .596-.327 1.103-.783 1.504c-.456.402-1.09.74-1.828 1.015c-1.48.55-3.492.88-5.69.88c-2.197 0-4.208-.33-5.689-.88c-.738-.275-1.37-.614-1.827-1.015S1.7 10.596 1.7 10s.327-1.104.783-1.505c.457-.401 1.09-.74 1.827-1.015C5.79 6.93 7.802 6.6 10 6.6c2.197 0 4.209.33 5.69.88c.737.275 1.37.614 1.827 1.015s.783.909.783 1.505"/><path fill="currentColor" d="M5.85 2.812c.517-.298 1.12-.269 1.694-.074c.576.195 1.186.573 1.792 1.075c1.217 1.007 2.51 2.583 3.608 4.486c1.099 1.904 1.818 3.811 2.082 5.368c.131.777.154 1.494.035 2.09s-.395 1.133-.911 1.43c-.517.299-1.12.27-1.694.075c-.576-.195-1.186-.573-1.792-1.075c-1.217-1.007-2.509-2.584-3.608-4.487s-1.82-3.811-2.083-5.37c-.131-.776-.153-1.493-.034-2.09c.12-.595.395-1.13.911-1.43m1.374.873c-.42-.142-.697-.11-.874-.008s-.343.326-.43.76c-.087.435-.08 1.02.04 1.727c.239 1.413.907 3.208 1.962 5.036c1.056 1.827 2.276 3.303 3.38 4.216c.552.458 1.055.757 1.474.899s.697.109.874.007c.177-.103.343-.326.43-.761c.087-.434.08-1.019-.04-1.727c-.239-1.412-.907-3.207-1.962-5.035c-1.055-1.827-2.276-3.304-3.38-4.217c-.552-.457-1.055-.755-1.474-.897"/><path fill="currentColor" d="M12.456 2.738c.575-.195 1.177-.224 1.694.074s.792.834.911 1.43c.12.596.096 1.313-.035 2.09c-.264 1.557-.983 3.464-2.082 5.368c-1.099 1.903-2.39 3.48-3.608 4.487c-.606.502-1.215.88-1.792 1.075c-.575.194-1.177.224-1.694-.074s-.792-.835-.911-1.43c-.12-.597-.097-1.314.034-2.09c.264-1.558.984-3.465 2.083-5.369s2.391-3.48 3.608-4.486c.606-.502 1.216-.88 1.792-1.075m1.194.94c-.177-.103-.454-.135-.874.007s-.922.44-1.475.897c-1.103.913-2.323 2.39-3.379 4.217c-1.055 1.828-1.723 3.623-1.962 5.035c-.12.708-.127 1.293-.04 1.727s.253.659.43.76c.177.103.454.136.874-.006s.922-.44 1.475-.899c1.103-.913 2.324-2.389 3.379-4.216s1.724-3.623 1.963-5.036c.12-.707.126-1.292.04-1.726c-.088-.435-.254-.659-.431-.76"/><path fill="currentColor" d="M10.4 10a.4.4 0 1 0-.8 0a.4.4 0 0 0 .8 0m1 0a1.4 1.4 0 1 1-2.8 0a1.4 1.4 0 0 1 2.8 0"/></svg>

Как использовать иконку Atom 20

React

import { Icon } from "@iconify/react";

<Icon icon="energy-icons:atom-20" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="energy-icons:atom-20" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="energy-icons:atom-20" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--atom-20]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:atom-20"></div>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="energy-icons:atom-20"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/energy-icons/atom-20.svg" alt="Иконка Atom 20" width="24" height="24">

Похожие иконки в наборе Energy Icons

Иконка atom-20-bold
atom-20-bold
 Иконка atom-48
atom-48
 Иконка atom-48-bold
atom-48-bold

Вопросы и ответы: Иконка Atom 20

Можно ли бесплатно использовать иконку Atom 20 в коммерческих проектах?

Да. Energy Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Atom 20 в React?

Установите @iconify/react и выведите <Icon icon="energy-icons:atom-20" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Atom 20 на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/energy-icons/atom-20.svg" alt="Иконка Atom 20">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Energy Icons →