Ícone Vector

logos:vector

O ícone Vector (logos:vector) é um ícone SVG gratuito da coleção SVG Logos de Gil Barbara. Ele é desenhado em uma grade de 256 × 301. SVG Logos icons são publicados sob a licença CC0, 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: SVG Logos
Autor: Gil Barbara
Licença: CC0-1.0
Tamanho: 256 × 301

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="301" viewBox="0 0 256 301"><defs><linearGradient id="SVG1Z1o1buX" x1="13.523%" x2="86.414%" y1="74.679%" y2="25.305%"><stop offset="0%" stop-color="#10e7ff"/><stop offset="10.3%" stop-color="#33d5ff"/><stop offset="25.5%" stop-color="#60bdff"/><stop offset="40.8%" stop-color="#86aaff"/><stop offset="56%" stop-color="#a39aff"/><stop offset="71%" stop-color="#b790ff"/><stop offset="85.8%" stop-color="#c489ff"/><stop offset="100%" stop-color="#c887ff"/></linearGradient><linearGradient id="SVGHlnDLDSp" x1="21.006%" x2="96.466%" y1="54.033%" y2="27.047%"><stop offset="0%" stop-color="#10e7ff"/><stop offset="10.3%" stop-color="#33d5ff"/><stop offset="25.5%" stop-color="#60bdff"/><stop offset="40.8%" stop-color="#86aaff"/><stop offset="56%" stop-color="#a39aff"/><stop offset="71%" stop-color="#b790ff"/><stop offset="85.8%" stop-color="#c489ff"/><stop offset="100%" stop-color="#c887ff"/></linearGradient></defs><path fill="url(#SVG1Z1o1buX)" d="M128 300.346L0 225.26V75.087L128 0l128 75.087V225.26zM17.89 214.677l109.858 64.504l109.858-64.504V85.67L128 21.165L17.89 85.67z"/><path fill="url(#SVGHlnDLDSp)" d="m183.181 109.354l-44.85 78.866l14.614 25.701l59.464-104.567zm-50.142 0L88.19 188.22l14.614 25.701l59.465-104.567zm-89.448 0l59.464 104.567l14.614-25.7l-44.85-78.867zm0 0l59.464 104.567l14.614-25.7l-44.85-78.867zm89.448 0L88.19 188.22l14.614 25.701l59.465-104.567z"/></svg>

Como usar o ícone Vector

React

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

<Icon icon="logos:vector" width="24" />

Vue

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

<template>
  <Icon icon="logos:vector" width="24" />
</template>

Svelte

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

<Icon icon="logos:vector" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="logos:vector"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/logos/vector.svg" alt="Ícone Vector" width="24" height="24">

O ícone Vector em outras coleções

Perguntas frequentes sobre Ícone Vector

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

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

Como uso o ícone Vector no React?

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

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

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

Ver todos os Ícones SVG Logos →