Ícone Web Dev

logos:web-dev

O ícone Web Dev (logos:web-dev) é um ícone SVG gratuito da coleção SVG Logos de Gil Barbara. Ele é desenhado em uma grade de 512 × 96. 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: 512 × 96
Tags: webdev

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="96" viewBox="0 0 512 96"><path fill="#00c9db" d="M96.753 68.306h-36.81c-.413 0-1.24 0-1.654.414l-27.71 21.92q-.621.62 0 1.24c0 .414.413.414.827.414h65.76c6.618 0 12.408-5.79 11.994-12.821c-.413-6.618-6.204-11.167-12.407-11.167"/><path fill="#0d55ff" d="M66.722 45.215c-.414-3.308-2.068-6.617-4.55-8.685l-42.6-33.914C14.197-1.52 6.753-.694 2.617 4.684C-1.52 10.06-.694 17.504 4.684 21.64l31.019 24.815L4.683 71.27C-.692 75.407-1.52 82.851 2.617 88.23c4.136 5.376 11.58 6.203 16.957 2.067l42.6-34.741c2.895-2.482 4.549-5.79 4.549-9.513z"/><path fill="#7000f2" d="M109.16 80.3c0 6.617-5.376 11.994-11.994 11.994S85.172 86.917 85.172 80.3s5.377-11.994 11.994-11.994c6.618 0 11.994 5.377 11.994 11.994"/><path fill="#5f6368" d="M492.143 79.886h-9.099L463.192 30.67h9.926l14.476 38.05l14.476-38.05h9.926zM422.66 49.694h28.125c-.414-6.617-5.79-11.994-14.062-11.994c-7.032 0-12.408 4.55-14.063 11.994m14.89 31.847c-14.476 0-24.816-11.167-24.816-26.056s10.34-26.056 24.402-26.056c14.476 0 23.988 9.926 23.988 26.883v.827H422.66c.414 9.513 7.445 16.13 15.717 16.13c5.79 0 10.753-2.895 13.648-8.685l8.272 4.136c-4.55 7.858-12.821 12.82-22.747 12.82m-57.903 0c-12.821 0-23.574-11.58-23.574-26.056s10.753-26.056 23.574-26.056c7.031 0 13.649 3.308 16.957 8.271h.414l-.414-6.617V8.336h9.1v71.55h-8.686V73.27h-.414c-3.722 4.963-9.926 8.272-16.957 8.272m1.241-8.272c9.099 0 15.716-7.031 15.716-17.784c0-10.34-6.617-17.785-15.716-17.785c-8.685 0-15.716 7.445-15.716 17.785s7.03 17.784 15.716 17.784m-28.124.414c0 3.722-2.895 6.617-7.031 6.617c-3.722 0-7.031-3.309-7.031-6.617c0-3.723 3.309-6.618 7.031-6.618c4.136 0 7.031 2.895 7.031 6.618m-43.427-.414c8.686 0 15.717-7.445 15.717-17.784c0-10.34-7.031-17.785-15.717-17.785c-9.099 0-15.716 7.445-15.716 17.785s6.617 17.784 15.716 17.784m1.655 8.272c-7.031 0-13.649-3.309-16.958-8.272h-.413v6.617h-8.686V8.336h9.1v22.747l-.414 6.617h.413c3.31-4.963 9.513-8.271 16.958-8.271c12.82 0 23.574 11.58 23.574 26.056c-.413 14.475-10.753 26.056-23.574 26.056m-71.965-31.847h28.124c-.413-6.617-5.79-11.994-14.062-11.994c-7.03 0-12.408 4.55-14.062 11.994m14.89 31.847c-14.476 0-24.816-11.167-24.816-26.056s10.34-26.056 24.402-26.056c14.475 0 23.988 9.926 23.988 26.883v.827h-38.464c.414 9.513 7.445 16.13 15.716 16.13q8.685 0 13.649-8.685l8.272 4.136c-4.55 7.858-12.822 12.82-22.748 12.82M227.86 31.083L212.144 80.3h-9.513l-12.407-37.637L178.23 80.3h-9.513l-16.13-49.217h9.513l10.753 37.223l11.994-37.223h9.513l11.994 37.223l10.753-37.223z"/></svg>

Como usar o ícone Web Dev

React

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

<Icon icon="logos:web-dev" width="24" />

Vue

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

<template>
  <Icon icon="logos:web-dev" width="24" />
</template>

Svelte

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

<Icon icon="logos:web-dev" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="logos:web-dev"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/logos/web-dev.svg" alt="Ícone Web Dev" width="24" height="24">

Ícones relacionados em SVG Logos

Perguntas frequentes sobre Ícone Web Dev

O ícone Web Dev é 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 Web Dev no React?

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

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

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

Ver todos os Ícones SVG Logos →