Vulkan icon

logos:vulkan

The Vulkan icon (logos:vulkan) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 147 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: 512 × 147

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="147" viewBox="0 0 512 147"><path fill="#a41e22" d="M47.271 62.597c-5.955 17.52 4.626 37.305 26.428 54.923C25.223 96.752-6.126 66.338 1.01 40.402C10.902 4.476 90.727-9.255 171.685 6.395C243.29 20.225 295.26 60.58 305.94 88.927c-23.623-21.359-59.796-42.964-104.088-54.086C128.08 16.238 58.837 28.689 47.27 62.597m90.259 81.647h-24.902L80.146 43.847h22.639l22.343 70.622h.295l22.639-70.622h22.786zm100.25 0h-18.998v-10.138h-.442c-2.51 4.232-5.808 7.283-9.843 9.153s-8.17 2.806-12.353 2.806c-5.364 0-9.744-.69-13.14-2.117c-3.445-1.427-6.103-3.395-8.071-5.955c-1.969-2.559-3.347-5.708-4.134-9.4c-.788-3.69-1.181-7.824-1.181-12.303V71.554h19.98V112.6q0 9.006 2.806 13.435c1.87 2.953 5.216 4.43 9.99 4.43c5.414 0 9.4-1.624 11.812-4.872c2.46-3.249 3.641-8.564 3.641-15.946V71.554h19.981v72.69zm13.238-85.288a253 253 0 0 1 19.98 11.024v74.214h-19.98zm54.972 85.288h-19.981V80.413c6.398 3.543 14.813 10.089 19.98 16.388zm24.656-46.015l30.513 46.015h-24.214l-27.658-43.752l-.049-2.805l25.198-26.182h23.622zM306.04 76.574c-4.725-7.48-11.467-15.207-19.98-22.835v-9.941h19.98zm58.762 17.324q.442-7.014 3.543-11.664c2.067-3.1 4.675-5.561 7.874-7.431q4.8-2.806 10.778-3.987a61.7 61.7 0 0 1 12.008-1.18c3.642 0 7.383.245 11.123.787c3.74.54 7.185 1.525 10.286 3.002c3.1 1.525 5.61 3.592 7.579 6.25q2.952 3.985 2.952 10.63v37.846c0 3.297.197 6.447.542 9.4c.393 3.002 1.033 5.265 1.968 6.742h-20.276a27 27 0 0 1-.935-3.445a29 29 0 0 1-.492-3.593c-3.199 3.298-6.94 5.561-11.27 6.89a44.7 44.7 0 0 1-13.239 1.969c-3.445 0-6.693-.443-9.695-1.28c-3.002-.836-5.61-2.165-7.874-3.937s-4.036-4.035-5.266-6.742c-1.28-2.707-1.92-5.955-1.92-9.695c0-4.134.739-7.53 2.166-10.188c1.476-2.657 3.347-4.823 5.61-6.398a25.6 25.6 0 0 1 7.875-3.592a93 93 0 0 1 8.907-1.92c3.002-.442 5.955-.836 8.859-1.131s5.463-.69 7.727-1.28c2.263-.541 4.035-1.378 5.364-2.46s1.92-2.658 1.82-4.725c0-2.166-.344-3.888-1.082-5.119q-1.034-1.92-2.805-2.952c-1.181-.69-2.51-1.182-4.085-1.428c-1.525-.246-3.199-.344-4.97-.344q-5.906 0-9.302 2.51c-2.264 1.673-3.543 4.478-3.937 8.415H364.8zm46.162 14.764c-.836.738-1.919 1.329-3.15 1.772c-1.279.443-2.608.787-4.084 1.082c-1.427.296-2.953.492-4.577.69c-1.575.196-3.199.442-4.774.688c-1.476.296-2.953.64-4.429 1.132s-2.707 1.083-3.79 1.92a9 9 0 0 0-2.608 3.002c-.64 1.23-.984 2.756-.984 4.626c0 1.771.344 3.297.984 4.478c.64 1.23 1.526 2.166 2.658 2.904c1.132.689 2.46 1.181 3.937 1.476c1.526.296 3.051.443 4.626.443c3.937 0 6.988-.64 9.154-1.968c2.165-1.33 3.74-2.904 4.774-4.725s1.673-3.691 1.919-5.561s.344-3.396.344-4.479zm32.875-37.157h18.997v10.138h.443c2.51-4.232 5.807-7.283 9.843-9.203s8.17-2.903 12.353-2.903c5.364 0 9.744.738 13.14 2.165c3.445 1.477 6.102 3.494 8.07 6.053c1.97 2.56 3.347 5.71 4.135 9.4S512 94.98 512 99.46v44.735h-19.98V103.15q0-9.006-2.806-13.436c-1.87-2.952-5.217-4.429-9.99-4.429q-8.12 0-11.812 4.872c-2.46 3.249-3.642 8.564-3.642 15.946v38.091h-19.98V71.505z"/></svg>

How to use the Vulkan icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Vulkan icon in other icon sets

Vulkan icon FAQ

Is the Vulkan 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 Vulkan icon in React?

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

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

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

Browse all SVG Logos icons →