Ícone Deepinfra

thesvg:deepinfra

O ícone Deepinfra (thesvg:deepinfra) é um ícone SVG gratuito da coleção theSVG de thesvg.org. Ele é desenhado em uma grade de 24 × 24. theSVG icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: theSVG
Autor: thesvg.org
Licença: MIT
Tamanho: 24 × 24

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M3.294 7.821A2.297 2.297 0 0 1 1 5.527a2.297 2.297 0 0 1 2.294-2.295A2.297 2.297 0 0 1 5.59 5.527A2.297 2.297 0 0 1 3.294 7.82zm0-3.688a1.396 1.396 0 0 0 0 2.79a1.396 1.396 0 0 0 0-2.79m0 10.16A2.297 2.297 0 0 1 1 11.998a2.297 2.297 0 0 1 2.294-2.294a2.297 2.297 0 0 1 2.295 2.294a2.297 2.297 0 0 1-2.295 2.295m0-3.688a1.395 1.395 0 0 0 0 2.788a1.395 1.395 0 1 0 0-2.788m0 10.156A2.297 2.297 0 0 1 1 18.467a2.297 2.297 0 0 1 2.294-2.295a2.297 2.297 0 0 1 2.295 2.295a2.297 2.297 0 0 1-2.295 2.294m0-3.688a1.396 1.396 0 0 0 0 2.79a1.396 1.396 0 0 0 0-2.79m17.444-9.252a2.297 2.297 0 0 1-2.295-2.294a2.297 2.297 0 0 1 2.294-2.295a2.297 2.297 0 0 1 2.295 2.295a2.297 2.297 0 0 1-2.294 2.294m0-3.688a1.396 1.396 0 1 0 1.395 1.395c0-.77-.626-1.395-1.395-1.395m0 10.16a2.297 2.297 0 0 1-2.295-2.295a2.297 2.297 0 0 1 2.294-2.294a2.297 2.297 0 0 1 2.295 2.294a2.297 2.297 0 0 1-2.294 2.295m0-3.688c-.769 0-1.395.625-1.395 1.393a1.396 1.396 0 0 0 2.79 0c0-.77-.626-1.393-1.395-1.393m0 10.156a2.297 2.297 0 0 1-2.295-2.294a2.297 2.297 0 0 1 2.294-2.295a2.297 2.297 0 0 1 2.295 2.295a2.297 2.297 0 0 1-2.294 2.294m0-3.688a1.396 1.396 0 1 0 1.395 1.395c0-.77-.626-1.395-1.395-1.395m-8.722-6.016a2.297 2.297 0 0 1-2.294-2.294a2.297 2.297 0 0 1 2.294-2.295a2.297 2.297 0 0 1 2.295 2.295a2.297 2.297 0 0 1-2.295 2.294m0-3.688a1.396 1.396 0 1 0 1.395 1.395c0-.77-.625-1.395-1.395-1.395m.001-2.78a2.297 2.297 0 0 1-2.295-2.295A2.297 2.297 0 0 1 12.017 0a2.297 2.297 0 0 1 2.294 2.294a2.297 2.297 0 0 1-2.294 2.295m0-3.688a1.396 1.396 0 1 0 1.395 1.395c0-.77-.626-1.395-1.395-1.395m0 16.628a2.297 2.297 0 0 1-2.295-2.295a2.297 2.297 0 0 1 2.295-2.294a2.297 2.297 0 0 1 2.294 2.294a2.297 2.297 0 0 1-2.294 2.295m0-3.688a1.396 1.396 0 1 0 1.395 1.395c0-.77-.626-1.395-1.395-1.395M12.016 24a2.297 2.297 0 0 1-2.294-2.295a2.297 2.297 0 0 1 2.294-2.294a2.297 2.297 0 0 1 2.295 2.294A2.297 2.297 0 0 1 12.016 24m0-3.688a1.396 1.396 0 1 0 1.395 1.395c0-.77-.625-1.395-1.395-1.395M8.363 8.222a.7.7 0 0 1-.277-.053l-1.494-.596a.75.75 0 1 1 .557-1.392l1.493.595a.75.75 0 0 1-.278 1.446zm0 6.344a.7.7 0 0 1-.277-.053l-1.494-.595a.75.75 0 1 1 .557-1.393l1.493.596a.75.75 0 0 1-.278 1.445zm8.761-3.169a.7.7 0 0 1-.277-.054l-1.493-.595a.75.75 0 1 1 .555-1.392l1.493.595a.75.75 0 0 1-.278 1.446m0-6.347a.7.7 0 0 1-.277-.054L15.354 4.4a.75.75 0 0 1 .555-1.392l1.493.596a.75.75 0 0 1-.278 1.445zm0 12.689a.7.7 0 0 1-.277-.053l-1.494-.596a.75.75 0 1 1 .556-1.392l1.493.596a.75.75 0 0 1-.278 1.445m-10.214.227a.75.75 0 0 1-.279-1.445l1.494-.595a.749.749 0 1 1 .556 1.392l-1.493.595a.7.7 0 0 1-.277.053zm0-6.306a.75.75 0 0 1-.279-1.446l1.494-.595a.75.75 0 0 1 .556 1.392l-1.493.595a.7.7 0 0 1-.277.053zm0-6.627a.75.75 0 0 1-.279-1.446l1.494-.595a.75.75 0 0 1 .556 1.392l-1.493.596a.7.7 0 0 1-.277.053zm1.453 16.331a.7.7 0 0 1-.277-.053l-1.494-.596a.75.75 0 0 1 .555-1.392l1.494.595a.75.75 0 0 1-.278 1.446M15.63 8.223a.75.75 0 0 1-.278-1.447l1.494-.595a.75.75 0 0 1 .556 1.393l-1.494.595a.7.7 0 0 1-.276.054zm0 6.344a.75.75 0 0 1-.278-1.446l1.494-.596a.75.75 0 0 1 .556 1.394l-1.494.595a.7.7 0 0 1-.276.053zm0 6.796a.749.749 0 0 1-.278-1.445l1.494-.595a.75.75 0 1 1 .555 1.392l-1.494.595a.7.7 0 0 1-.277.053"/></svg>

Como usar o ícone Deepinfra

React

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

<Icon icon="thesvg:deepinfra" width="24" />

Vue

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

<template>
  <Icon icon="thesvg:deepinfra" width="24" />
</template>

Svelte

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

<Icon icon="thesvg:deepinfra" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg--deepinfra]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg -->
<div class="i-thesvg:deepinfra"></div>

Web component

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

<iconify-icon icon="thesvg:deepinfra"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/thesvg/deepinfra.svg" alt="Ícone Deepinfra" width="24" height="24">

O ícone Deepinfra em outras coleções

Perguntas frequentes sobre Ícone Deepinfra

O ícone Deepinfra é grátis para uso comercial?

Sim. theSVG icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Deepinfra no React?

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

Como adiciono o ícone Deepinfra a uma página web?

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

Ver todos os Ícones theSVG →