Ikon Awesome

logos:awesome

Ikon Awesome (logos:awesome) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 256 × 190. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: SVG Logos
Pembuat: Gil Barbara
Lisensi: CC0-1.0
Ukuran: 256 × 190

Download SVG

Kode 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>

Cara memakai ikon 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>

Gambar HTML

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

FAQ Ikon Awesome

Apakah ikon Awesome gratis untuk penggunaan komersial?

Ya. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Awesome di React?

Pasang @iconify/react lalu render <Icon icon="logos:awesome" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Awesome ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/awesome.svg" alt="Ikon Awesome">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon SVG Logos →