Ícone Ai Generate Variation Spark

streamline-plump-color:ai-generate-variation-spark

O ícone Ai Generate Variation Spark (streamline-plump-color:ai-generate-variation-spark) é um ícone SVG gratuito da coleção Plump color icons de Streamline. Ele é desenhado em uma grade de 48 × 48. Plump color 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: Plump color icons
Autor: Streamline
Licença: CC-BY-4.0
Tamanho: 48 × 48
Categoria: Inteligência artificial
Tags: aigenerate, generatevariation, variationspark, aigeneratevariationspark

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-width="3"><path fill="#8fbffa" d="M2.152 42.356c.11 1.722 1.23 3.057 2.941 3.29c1.4.191 3.457.354 6.407.354s5.008-.163 6.407-.354c1.71-.233 2.832-1.568 2.941-3.29c.084-1.309.152-3.193.152-5.856s-.068-4.547-.152-5.856c-.11-1.722-1.23-3.057-2.941-3.29c-1.4-.191-3.457-.354-6.407-.354s-5.007.163-6.407.354c-1.71.233-2.832 1.568-2.941 3.29C2.068 31.953 2 33.837 2 36.5s.068 4.547.152 5.856"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M2.152 42.356c.11 1.722 1.23 3.057 2.941 3.29c1.4.191 3.457.354 6.407.354s5.008-.163 6.407-.354c1.71-.233 2.832-1.568 2.941-3.29c.084-1.309.152-3.193.152-5.856s-.068-4.547-.152-5.856c-.11-1.722-1.23-3.057-2.941-3.29c-1.4-.191-3.457-.354-6.407-.354s-5.007.163-6.407.354c-1.71.233-2.832 1.568-2.941 3.29C2.068 31.953 2 33.837 2 36.5s.068 4.547.152 5.856"/><path fill="#8fbffa" d="M2.152 5.644c.11-1.722 1.23-3.057 2.941-3.29C6.493 2.163 8.55 2 11.5 2s5.008.163 6.407.354c1.71.233 2.832 1.568 2.941 3.29c.084 1.309.152 3.193.152 5.856s-.068 4.547-.152 5.856c-.11 1.722-1.23 3.057-2.941 3.29c-1.4.191-3.457.354-6.407.354s-5.007-.163-6.407-.354c-1.71-.233-2.832-1.568-2.941-3.29C2.068 16.047 2 14.163 2 11.5s.068-4.547.152-5.856"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M2.152 5.644c.11-1.722 1.23-3.057 2.941-3.29C6.493 2.163 8.55 2 11.5 2s5.008.163 6.407.354c1.71.233 2.832 1.568 2.941 3.29c.084 1.309.152 3.193.152 5.856s-.068 4.547-.152 5.856c-.11 1.722-1.23 3.057-2.941 3.29c-1.4.191-3.457.354-6.407.354s-5.007-.163-6.407-.354c-1.71-.233-2.832-1.568-2.941-3.29C2.068 16.047 2 14.163 2 11.5s.068-4.547.152-5.856"/><path fill="#8fbffa" d="M42.356 45.848c1.722-.11 3.057-1.23 3.29-2.941c.191-1.4.354-3.457.354-6.407s-.163-5.008-.354-6.407c-.233-1.71-1.568-2.832-3.29-2.941C41.047 27.068 39.163 27 36.5 27s-4.547.068-5.856.152c-1.722.11-3.057 1.23-3.29 2.941c-.191 1.4-.354 3.457-.354 6.407s.163 5.008.354 6.407c.233 1.71 1.568 2.832 3.29 2.941c1.309.084 3.193.152 5.856.152s4.547-.068 5.856-.152"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M42.356 45.848c1.722-.11 3.057-1.23 3.29-2.941c.191-1.4.354-3.457.354-6.407s-.163-5.008-.354-6.407c-.233-1.71-1.568-2.832-3.29-2.941C41.047 27.068 39.163 27 36.5 27s-4.547.068-5.856.152c-1.722.11-3.057 1.23-3.29 2.941c-.191 1.4-.354 3.457-.354 6.407s.163 5.008.354 6.407c.233 1.71 1.568 2.832 3.29 2.941c1.309.084 3.193.152 5.856.152s4.547-.068 5.856-.152"/><path fill="#fff" d="M35.623 2.604a1 1 0 0 1 1.754 0l1.992 3.642a6 6 0 0 0 2.385 2.385l3.642 1.992a1 1 0 0 1 0 1.754l-3.642 1.992a6 6 0 0 0-2.385 2.385l-1.992 3.642a1 1 0 0 1-1.754 0l-1.992-3.642a6 6 0 0 0-2.385-2.385l-3.642-1.992a1 1 0 0 1 0-1.754l3.642-1.992a6 6 0 0 0 2.385-2.385z"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M35.623 2.604a1 1 0 0 1 1.754 0l1.992 3.642a6 6 0 0 0 2.385 2.385l3.642 1.992a1 1 0 0 1 0 1.754l-3.642 1.992a6 6 0 0 0-2.385 2.385l-1.992 3.642a1 1 0 0 1-1.754 0l-1.992-3.642a6 6 0 0 0-2.385-2.385l-3.642-1.992a1 1 0 0 1 0-1.754l3.642-1.992a6 6 0 0 0 2.385-2.385z"/></g></svg>

Como usar o ícone Ai Generate Variation Spark

React

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

<Icon icon="streamline-plump-color:ai-generate-variation-spark" width="24" />

Vue

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

<template>
  <Icon icon="streamline-plump-color:ai-generate-variation-spark" width="24" />
</template>

Svelte

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

<Icon icon="streamline-plump-color:ai-generate-variation-spark" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--ai-generate-variation-spark]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:ai-generate-variation-spark"></div>

Web component

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

<iconify-icon icon="streamline-plump-color:ai-generate-variation-spark"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/streamline-plump-color/ai-generate-variation-spark.svg" alt="Ícone Ai Generate Variation Spark" width="24" height="24">

Ícones relacionados em Plump color icons

O ícone Ai Generate Variation Spark em outras coleções

Perguntas frequentes sobre Ícone Ai Generate Variation Spark

O ícone Ai Generate Variation Spark é grátis para uso comercial?

Sim. Plump color 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 Ai Generate Variation Spark no React?

Instale @iconify/react e renderize <Icon icon="streamline-plump-color:ai-generate-variation-spark" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Ai Generate Variation Spark a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/streamline-plump-color/ai-generate-variation-spark.svg" alt="Ícone Ai Generate Variation Spark">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Plump color icons →