Inferno icon

logos:inferno

The Inferno icon (logos:inferno) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 266 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: SVG Logos
Author: Gil Barbara
License: CC0-1.0
Size: 256 × 266

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="266" viewBox="0 0 256 266"><path fill="#494949" d="m84.11 58.734l-3.335 2.213c-27.487 17.978-41.97 43.56-42.301 76.315c-.426 41.89 29.09 78.327 69.92 87.701c52.705 12.101 104.865-26.106 109.105-79.918c3.353-42.563-25.426-80.8-66.033-94.018c-6.123-6.827-11.683-29.772-2.006-40.223c39.907 8.868 69.826 29.245 89.116 62.064c42.178 71.76 4.26 165.298-75.856 187.64C88.298 281.262 12.997 232.202 1.867 155.71C-10.484 84.388 39.875 20.94 110.926 10.276C94.35 25.267 85.482 45.854 84.11 58.734"/><path fill="#fb3239" d="M179.584 119.46c5.738-10.693 5.478-21.876 2.22-33.19c-.801-2.784-2.468-7.558-3.593-10.679c19.183 14.176 35.565 48.262 27.238 82.136c-7.714 31.385-37.794 56.664-68.824 59.587c-39.96 3.763-71.03-20.182-82.724-49.292c-12.47-31.035-2.484-69.205 18.948-88.208c-10.487 21.114-7.241 37.875-2.956 44.13c4.763 6.952 12.346 10.557 19.747 8.498c7.78-2.164 13.749-9.125 13.614-18c-.09-5.926-1.147-12.609-3.484-17.948c-13.867-31.677-2.308-60.245 20.059-79.919c6.492-5.71 14.04-11.19 23.649-16.575c-10.558 14.991-12.352 33.256-4.33 50.253c4.704 9.262 10.73 18.935 16.048 27.871c9.557 16.061 15.418 32.574 12.88 51.732c-.028.212 7.602-2.957 11.508-10.397"/></svg>

How to use the Inferno icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

<img src="https://iconyz.com/api/public/svg/logos/inferno.svg" alt="Inferno icon" width="24" height="24">

Inferno icon FAQ

Is the Inferno icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Inferno icon in React?

Install @iconify/react and render <Icon icon="logos:inferno" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Inferno icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/inferno.svg" alt="Inferno icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →