ICONYZ
Português (Brasil)
Ícone Atom Line Duotone de Solar

Ícone Atom Line Duotone

solar:atom-line-duotone

O ícone Atom Line Duotone (solar:atom-line-duotone) é um ícone SVG gratuito da coleção Solar de 480 Design. Ele é desenhado em uma grade de 24 × 24. Solar icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção
Solar
Autor
480 Design
Licença
CC-BY-4.0
Tamanho
24 × 24
Categoria
Astronomia
Tags
atomline, lineduotone, atomlineduotone
Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M20.9423 3.05768C23.4117 5.52701 21.4099 11.5324 16.4712 16.4711C11.5326 21.4097 5.5272 23.4115 3.05787 20.9422C0.588547 18.4728 2.59033 12.4675 7.52899 7.5288C12.4676 2.59014 18.473 0.588345 20.9423 3.05768ZM3.05768 3.05782C0.588349 5.52715 2.59013 11.5325 7.52879 16.4712C12.4674 21.4099 18.4728 23.4117 20.9421 20.9423C23.4115 18.473 21.4097 12.4676 16.471 7.52894C11.5324 2.59028 5.527 0.588485 3.05768 3.05782Z"/><path d="M14.5 12C14.5 13.3807 13.3807 14.5 12 14.5C10.6193 14.5 9.5 13.3807 9.5 12C9.5 10.6193 10.6193 9.5 12 9.5C13.3807 9.5 14.5 10.6193 14.5 12Z" opacity=".5"/></g></svg>

Como usar o ícone Atom Line Duotone

React

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

<Icon icon="solar:atom-line-duotone" width="24" />

Vue

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

<template>
  <Icon icon="solar:atom-line-duotone" width="24" />
</template>

Svelte

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

<Icon icon="solar:atom-line-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--atom-line-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:atom-line-duotone"></div>

Web component

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

<iconify-icon icon="solar:atom-line-duotone"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/solar/atom-line-duotone.svg" alt="Ícone Atom Line Duotone" width="24" height="24">

Ícones relacionados em Solar

Perguntas frequentes sobre Ícone Atom Line Duotone

O ícone Atom Line Duotone é grátis para uso comercial?

Sim. Solar icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.

Como uso o ícone Atom Line Duotone no React?

Instale @iconify/react e renderize <Icon icon="solar:atom-line-duotone" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Atom Line Duotone a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/solar/atom-line-duotone.svg" alt="Ícone Atom Line Duotone">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones Solar →