Opengl icon

devicon:opengl

The Opengl icon (devicon:opengl) is a free SVG icon from the Devicon set by konpa. It is drawn on a 128 × 128 grid. Devicon icons are released under the MIT 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: Devicon
Author: konpa
License: MIT
Size: 128 × 128

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><g fill-rule="evenodd"><path fill="#b3b3b3" d="M27.363 76.605c-6.078 0-9.094-3.645-10.277-7.453c1.32 6.195 8.449 12.23 30.945 14.91c21.258 2.551 35.09-3.848 39.77-6.824c0 0 3.156-1.367 1.266.742c0 0-13.398 12.129-39.609 12.285c-26.262.129-47.09-12.863-46.984-26.043c-.125-13.125 20.723-26.145 46.984-26.039c26.262.125 39.609 12.281 39.609 12.281c1.895 2.105-1.266.75-1.266.75c-4.668-2.969-18.457-8.82-39.77-6.824c-20.934 1.98-27.77 8.977-30.086 13.648c-.871 1.813-1.27 3.523-1.367 5.242c.566-4.496 3.414-9.766 10.766-9.766c8.34 0 10.871 6.824 10.871 11.496c0 4.727-2.547 11.551-10.871 11.551zm84.496-4.539h11.086v3.961h-15.77v-21.89h4.66v17.902zm-17.113-7.828h9.309v11.816h-3.105l-.465-2.746c-1.18 1.344-2.891 3.324-6.941 3.324c-5.371 0-10.227-3.777-10.227-11.445c0-5.984 3.387-11.605 10.926-11.605c6.832 0 9.523 4.359 9.793 7.352h-4.66c0-.852-1.582-3.598-4.875-3.598c-3.32 0-6.406 2.258-6.406 7.875c0 5.988 3.32 7.512 6.512 7.512c1.023 0 4.441-.395 5.383-4.816h-5.187V64.22zm-67.273-8.031c-4.844 0-7.75 3.746-7.75 8.926c0 5.152 2.918 8.926 7.75 8.926c4.844 0 7.75-3.75 7.75-8.926c0-5.152-2.918-8.926-7.75-8.926m12.539 5.832h2.262v1.977h.055c.57-.805 1.66-2.387 4.25-2.387c3.789 0 6.512 3.152 6.512 7.09c0 3.348-1.965 7.719-6.836 7.719c-1.91 0-3.164-.883-3.785-1.875h-.055v7.035h-2.402zm6.082 12.387c2.617 0 4.391-2.227 4.391-5.301c0-1.797-.738-5.355-4.445-5.355c-3.461 0-3.844 3.664-3.844 5.934c0 3.715 2.375 4.711 3.898 4.711zm21.527-2.754c-.082.664-.738 2.652-2.535 3.824c-.656.43-1.582.969-3.871.969c-4.008 0-6.402-2.973-6.402-7.035c0-4.34 2.125-7.773 6.836-7.773c4.117 0 6.133 3.215 6.133 8.191H57.34c0 2.922 1.391 4.605 4.145 4.605c2.262 0 3.602-1.711 3.684-2.758h2.398zm-2.539-3.719c-.137-2.168-1.066-4.176-3.984-4.176c-2.207 0-3.949 2.008-3.949 4.176zm15.984 8.086h-2.402v-8.613c0-2.43-.711-3.664-3.051-3.664c-1.363 0-3.762.859-3.762 4.656v7.613h-2.402V62.016h2.266v1.977h.055c.52-.75 1.852-2.383 4.305-2.383c2.207 0 4.992.883 4.992 4.875v9.555"/><path fill="#5586a4" d="M26.289 75.031c-6.137 0-9.203-3.645-10.387-7.453c1.336 6.191 8.555 12.23 31.27 14.91c21.473 2.543 35.465-3.848 40.199-6.828c0 0 3.191-1.363 1.277.746c0 0-13.508 12.129-40.094 12.285C22.02 88.816.926 75.828 1.086 62.648C.957 49.523 22.02 36.504 48.555 36.609c26.531.125 40.094 12.281 40.094 12.281c1.914 2.105-1.277.75-1.277.75c-4.719-2.969-18.676-8.82-40.199-6.828c-21.207 1.984-28.094 8.98-30.41 13.652a13.4 13.4 0 0 0-1.383 5.242c.57-4.496 3.449-9.77 10.871-9.77c8.398 0 10.98 6.828 10.98 11.551s-2.574 11.5-10.98 11.5zm85.57-4.543h11.195v3.965h-15.93V52.555h4.707v17.91zm-17.277-7.824H104v11.813h-3.137l-.469-2.738c-1.195 1.34-2.926 3.324-7.051 3.324c-5.437 0-10.387-3.777-10.387-11.445c0-5.984 3.422-11.605 11.031-11.605c6.891 0 9.633 4.359 9.902 7.352h-4.707c0-.852-1.605-3.598-4.93-3.598c-3.359 0-6.461 2.258-6.461 7.875c0 5.988 3.359 7.512 6.566 7.512c1.035 0 4.488-.395 5.438-4.816h-5.242v-3.687zm-68.348-8.031c-4.898 0-7.855 3.746-7.855 8.926c0 5.148 2.949 8.926 7.855 8.926c4.898 0 7.859-3.75 7.859-8.926c0-5.152-2.949-8.926-7.859-8.926m12.703 5.828h2.285v1.98h.055c.582-.805 1.68-2.387 4.301-2.387c3.832 0 6.566 3.152 6.566 7.09c0 3.344-1.988 7.719-6.891 7.719c-1.93 0-3.195-.883-3.832-1.875h-.055v7.035H38.94V60.488zm6.133 12.395c2.648 0 4.441-2.23 4.441-5.305c0-1.801-.75-5.359-4.496-5.359c-3.496 0-3.883 3.668-3.883 5.938c0 3.715 2.398 4.711 3.938 4.711zm21.742-2.762c-.082.672-.742 2.652-2.562 3.828c-.66.43-1.598.969-3.91.969c-4.055 0-6.457-2.973-6.457-7.039c0-4.336 2.152-7.77 6.941-7.77c4.16 0 6.188 3.215 6.188 8.191H56.465c0 2.922 1.402 4.602 4.191 4.602c2.289 0 3.637-1.707 3.719-2.754h2.43zm-2.57-3.715c-.141-2.172-1.078-4.176-4.027-4.176c-2.234 0-4 2.004-4 4.176zm16.145 8.082h-2.426v-8.609c0-2.434-.719-3.664-3.09-3.664c-1.379 0-3.805.855-3.805 4.656v7.613h-2.43V60.441h2.289v1.977h.055c.523-.75 1.871-2.383 4.355-2.383c2.23 0 5.043.883 5.043 4.875v9.504"/><path fill="#999" d="M127.754 74.242A2.02 2.02 0 0 1 126.719 76c-.321.183-.664.27-1.035.27s-.711-.09-1.031-.27a2.06 2.06 0 0 1-.758-.742a1.97 1.97 0 0 1-.277-1.016a2 2 0 0 1 .277-1.012a2.07 2.07 0 0 1 1.789-1.012a2.07 2.07 0 0 1 1.793 1.012a2 2 0 0 1 .277 1.012m-.398 0c0-.449-.164-.836-.492-1.152a1.62 1.62 0 0 0-1.176-.484a1.62 1.62 0 0 0-1.18.484a1.54 1.54 0 0 0-.488 1.152a1.55 1.55 0 0 0 .488 1.156q.49.48 1.18.48a1.6 1.6 0 0 0 1.176-.48q.492-.478.492-1.156m-2.605-1.082h.988c.277 0 .484.055.609.168s.188.258.188.441a.54.54 0 0 1-.145.379q-.142.16-.453.23a.6.6 0 0 1 .188.098a.9.9 0 0 1 .176.227c.004.004.125.215.359.621h-.652l-.426-.738c-.07-.082-.145-.121-.215-.121c-.02 0-.039 0-.07.008v.852h-.551zm.551.918h.238q.235.001.336-.074c.101-.075.098-.113.098-.195s-.031-.148-.094-.195s-.168-.078-.32-.078h-.258zm0 0"/><path fill="#5586a4" d="M127.754 73.719a1.95 1.95 0 0 1-.277 1.012a1.97 1.97 0 0 1-.758.742a2.07 2.07 0 0 1-1.035.273c-.367 0-.711-.094-1.031-.273s-.57-.426-.758-.742a1.95 1.95 0 0 1-.277-1.012q.001-.54.277-1.016a2 2 0 0 1 .758-.738q.48-.27 1.031-.27c.551 0 .719.09 1.035.27s.574.426.758.738s.277.656.277 1.016m-.398 0a1.53 1.53 0 0 0-.492-1.152c-.324-.324-.719-.484-1.176-.484s-.855.16-1.18.484a1.54 1.54 0 0 0-.488 1.152a1.55 1.55 0 0 0 .488 1.156a1.62 1.62 0 0 0 1.18.477c.461 0 .852-.156 1.176-.477s.492-.703.492-1.156m-2.605-1.086h.988c.277 0 .484.059.609.168s.188.262.188.445q.001.216-.145.379q-.142.154-.453.23a.6.6 0 0 1 .188.098a1 1 0 0 1 .176.223q.007.008.359.625h-.652l-.426-.738c-.07-.082-.145-.125-.215-.125c-.02 0-.039.004-.07.008v.855h-.551zm.551.922h.238q.235 0 .336-.078a.24.24 0 0 0 .098-.195a.23.23 0 0 0-.094-.191q-.092-.077-.32-.078h-.258zm0 0"/></g></svg>

How to use the Opengl icon

React

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

<Icon icon="devicon:opengl" width="24" />

Vue

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

<template>
  <Icon icon="devicon:opengl" width="24" />
</template>

Svelte

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

<Icon icon="devicon:opengl" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="devicon:opengl"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/devicon/opengl.svg" alt="Opengl icon" width="24" height="24">

Opengl icon in other icon sets

Opengl icon FAQ

Is the Opengl icon free for commercial use?

Yes. Devicon icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Opengl icon in React?

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

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

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

Browse all Devicon icons →