ICONYZ
Español
Icono Awesome de SVG Logos

Icono Awesome

logos:awesome

El icono Awesome (logos:awesome) es un icono SVG gratuito de la colección SVG Logos de Gil Barbara. Está dibujado en una cuadrícula de 256 × 190. SVG Logos icons se publican bajo la licencia CC0, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección
SVG Logos
Autor
Gil Barbara
Licencia
CC0-1.0
Tamaño
256 × 190
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="190" viewBox="0 0 256 190"><path fill="#494368" d="M22.183 162c1.75 0 3.194.613 4.419 1.838s1.838 2.712 1.838 4.419v21.701H6.257c-1.75 0-3.194-.612-4.42-1.837C.614 186.896 0 185.408 0 183.7v-10.325h23.233v-5.12a.96.96 0 0 0-.306-.743a.96.96 0 0 0-.744-.306H0V162zm1.05 22.752v-6.17H5.207v5.12a.96.96 0 0 0 .306.743a.96.96 0 0 0 .744.307zM73.418 162h5.557l-10.501 27.958H64.23l-9.407-20.782l-8.882 20.782l-.088-.043l.044.043h-4.2L30.715 162h5.513l7.569 18.551L51.847 162h5.951l8.532 18.551zm29.402 0c1.75 0 3.194.613 4.42 1.838c1.224 1.225 1.837 2.712 1.837 4.419v10.325H85.844v5.12a.96.96 0 0 0 .306.743a.96.96 0 0 0 .744.307h22.183v5.206H86.894c-1.75 0-3.194-.612-4.42-1.837c-1.224-1.225-1.837-2.713-1.837-4.42v-15.444c0-1.75.613-3.194 1.838-4.42C83.7 162.614 85.187 162 86.894 162zm-16.976 11.376h18.026v-5.12a.96.96 0 0 0-.306-.743a.96.96 0 0 0-.744-.306H86.894a.96.96 0 0 0-.744.306a.96.96 0 0 0-.306.744zm56.441-5.076v1.05h-5.206v-1.05a.96.96 0 0 0-.306-.743a.96.96 0 0 0-.744-.307h-15.926a.96.96 0 0 0-.744.307a.96.96 0 0 0-.307.743v4.07a.96.96 0 0 0 .307.743a.96.96 0 0 0 .744.307h15.926c1.75 0 3.194.612 4.419 1.837s1.837 2.713 1.837 4.42v4.068c0 1.75-.612 3.194-1.837 4.42s-2.713 1.837-4.42 1.837h-15.925c-1.75 0-3.194-.612-4.42-1.838s-1.837-2.712-1.837-4.419v-1.05h5.206v1.05a.96.96 0 0 0 .307.744a.96.96 0 0 0 .744.306h15.926a.96.96 0 0 0 .744-.306a.96.96 0 0 0 .306-.744v-4.069a.96.96 0 0 0-.306-.744a.96.96 0 0 0-.744-.306h-15.926c-1.75 0-3.194-.612-4.42-1.837s-1.837-2.713-1.837-4.42V168.3c0-1.75.612-3.194 1.837-4.419s2.713-1.837 4.42-1.837h15.926c1.75 0 3.194.612 4.419 1.837c1.225 1.182 1.837 2.67 1.837 4.42m11.026-6.3h15.926c1.75 0 3.194.613 4.42 1.838s1.837 2.712 1.837 4.419v15.445c0 1.75-.612 3.194-1.838 4.419s-2.712 1.837-4.419 1.837h-15.926c-1.75 0-3.194-.612-4.419-1.837s-1.837-2.713-1.837-4.42v-15.444c0-1.75.612-3.194 1.837-4.42c1.225-1.224 2.713-1.837 4.42-1.837m15.926 5.207h-15.926a.96.96 0 0 0-.744.306a.96.96 0 0 0-.306.744v15.445a.96.96 0 0 0 .306.743a.96.96 0 0 0 .744.307h15.926a.96.96 0 0 0 .744-.307a.96.96 0 0 0 .306-.743v-15.445a.96.96 0 0 0-.306-.744c-.219-.175-.437-.306-.744-.306M216.272 162c1.75 0 3.194.613 4.42 1.838c1.224 1.225 1.837 2.712 1.837 4.419v21.701h-5.163v-21.701a.96.96 0 0 0-.306-.744c-.22-.219-.482-.306-.788-.306h-11.026a.96.96 0 0 0-.744.306a.96.96 0 0 0-.306.744v21.701h-5.206v-21.701a.96.96 0 0 0-.307-.744a.96.96 0 0 0-.744-.306h-11.07a.96.96 0 0 0-.743.306a.96.96 0 0 0-.306.744v21.701h-5.207V162zm33.471 0c1.75 0 3.194.613 4.42 1.838c1.224 1.225 1.837 2.712 1.837 4.419v10.325h-23.233v5.12a.96.96 0 0 0 .306.743a.96.96 0 0 0 .744.307H256v5.206h-22.183c-1.75 0-3.194-.612-4.419-1.837s-1.838-2.713-1.838-4.42v-15.444c0-1.75.613-3.194 1.838-4.42c1.225-1.224 2.713-1.837 4.42-1.837zm-16.976 11.376h18.026v-5.12a.96.96 0 0 0-.306-.743a.96.96 0 0 0-.744-.306h-15.926a.96.96 0 0 0-.744.306a.96.96 0 0 0-.306.744z"/><path fill="#fc60a8" d="M256 60.258L190.359.044l-9.234 10.065l54.701 50.15H20.217l54.701-50.194L65.685 0L.044 60.258H0V99.95c0 17.942 17.285 32.558 38.51 32.558h40.478c21.224 0 38.51-14.616 38.51-32.558V73.868h21.005v26.081c0 17.942 17.285 32.558 38.509 32.558h40.479c21.224 0 38.509-14.616 38.509-32.558z"/></svg>

Cómo usar el icono Awesome

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Imagen HTML

<img src="https://iconyz.com/api/public/svg/logos/awesome.svg" alt="Icono Awesome" width="24" height="24">

Preguntas frecuentes sobre Icono Awesome

¿El icono Awesome es gratis para uso comercial?

Sí. SVG Logos icons se publican bajo la licencia CC0, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Awesome en React?

Instala @iconify/react y renderiza <Icon icon="logos:awesome" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Awesome a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/logos/awesome.svg" alt="Icono Awesome">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos SVG Logos →