Openapi icon
devicon:openapi
The Openapi icon (devicon:openapi) 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.
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#91d400" d="M33.826 73.558H.046l.019.491l.059.945q.008.204.024.408a63 63 0 0 0 .248 2.55c0 .041.006.076.012.118c.053.431.106.868.171 1.3q-.001.008.006.016a56 56 0 0 0 1.742 7.944c.006.012.012.018.012.03a42 42 0 0 0 .4 1.299c.006.023.019.047.025.07c.118.367.248.733.372 1.104c.036.09.064.183.1.279c.113.313.224.632.342.95c.06.141.112.283.167.431c.105.26.205.519.306.787q.125.288.248.59c.082.2.171.407.254.613q.17.372.33.744q.105.23.201.449c.136.294.278.597.42.892l.141.288q.25.514.508 1.016c.03.053.053.106.077.154a55 55 0 0 0 .62 1.17c.042.076.089.153.13.224l28.849-17.29l.106-.065a22.7 22.7 0 0 1-2.108-7.506zm0 0"/><path fill="#91d400" d="m2.74 88.659l-1.098.313l.012.03zm0 0"/><path fill="#4c5930" d="m42.123 88.988l-.076.084l-23.794 23.68c.124.112.242.225.366.337q.337.303.674.596c.118.101.23.207.348.308q.408.343.816.679c.07.065.147.124.218.181a33 33 0 0 0 1.045.84c.343.265.68.52 1.022.78c.018.011.03.017.04.03a55 55 0 0 0 4.454 2.993c.053.036.106.065.159.101l.874.514c.176.1.36.2.538.307c.17.094.335.19.508.283c.313.166.62.337.932.496a54 54 0 0 0 2.758 1.34l.845-2.037l11.97-28.925l.041-.106a23 23 0 0 1-3.738-2.48zm0 0"/><path fill="#68a338" d="M39.65 86.633a25 25 0 0 1-1.36-1.666a17 17 0 0 1-.66-.933a24 24 0 0 1-.62-.957l-28.886 17.32c.45.734.91 1.447 1.382 2.15c.018.025.03.054.047.078l.018.024c.012.022.03.045.04.07c.007.005.007.005.007.011c.042.053.077.106.118.167c0 .006 0 .006.006.01v.006a53 53 0 0 0 1.589 2.215c.012.018.024.03.03.047c.236.302.466.61.701.91a1 1 0 0 1 .096.118q.37.46.75.922a4 4 0 0 1 .176.218q.347.41.691.809c.102.118.207.23.307.343q.295.336.597.672c.112.124.23.242.342.366c.048.053.101.114.154.167l.443.477l.183.183q.398.417.803.817l23.822-23.711a34 34 0 0 1-.778-.833Zm0 0"/><path fill="#4c5930" d="M71.23 88.978c-.266.206-.525.413-.797.614l.06.1l17.371 28.7a58 58 0 0 0 2.374-1.63a58 58 0 0 0 4.878-4.01l-23.79-23.68Zm0 0"/><path fill="#91d400" d="m85.669 119.756l.035-.018zm.035-.018a3 3 0 0 0 .231-.13l-.006-.006c-.075.048-.148.09-.225.136m-.035.018l-.012.006zm-.059-.059l.04.071zm.059.059l.035-.018zm-.024.018l.006-.006zm.012-.013l-.006.008c.006-.007.012-.007.018-.013c-.006.006-.006.006-.012.006zm0 0"/><path fill="#91d400" d="M85.704 119.738c.077-.045.154-.082.231-.13q-.116.07-.231.13m.225-.136l.006.006zm-.302.178l.007-.006zm-.287-1.153l-.592-.974l-16.216-26.792a16 16 0 0 1-.998.555c-.337.183-.68.348-1.022.514a23.1 23.1 0 0 1-9.861 2.221a23.1 23.1 0 0 1-6.568-.952c-.36-.112-.715-.253-1.074-.378c-.36-.129-.726-.236-1.081-.383l-11.958 28.9l-.468 1.135l-.4.973h-.006l.094.036c.036.019.065.025.1.041h.007c.006 0 .01.006.017.006c.284.118.566.22.85.325q.54.213 1.07.408c.182.064.36.147.544.206a57.6 57.6 0 0 0 11.562 2.758c.158.018.313.042.465.06l.484.053c.302.035.605.071.91.1l.225.018q.566.052 1.122.094c.124.006.254.012.378.024c.331.024.655.04.98.059q.3.008.603.024c.26.006.518.017.778.023c.372.012.75.012 1.128.018h.266c3.148 0 6.295-.26 9.408-.78l.159-.023q.489-.09.987-.177c.189-.036.372-.07.56-.113q.286-.054.58-.118a32 32 0 0 0 .955-.212l.179-.036a57.2 57.2 0 0 0 13.593-5.05c.283-.146.555-.312.838-.465q.498-.276.993-.56c.23-.13.466-.249.691-.385l.006-.006h.006l.005-.006q.007.001.006-.006l-.041-.07l.04.07h.007q.01-.007.012-.006q.019-.016.034-.024q.118-.066.226-.136zm-43.2-65.04c.26-.213.527-.414.791-.615l-.059-.1l-17.367-28.7a52 52 0 0 0-2.385 1.635a56 56 0 0 0-4.867 4.005l23.794 23.68zm0 0"/><path fill="#4c5930" d="M16.6 31.389c-.273.272-.525.548-.791.82c-.26.272-.533.545-.791.821a58 58 0 0 0-5.02 6.236c-.16.236-.326.472-.484.71a28 28 0 0 0-.49.75q-.09.133-.177.271A56.1 56.1 0 0 0 .049 69.006a58 58 0 0 0-.03 1.14C.011 70.524 0 70.902 0 71.28h33.698c0-.378.034-.756.05-1.134c.019-.384.025-.762.066-1.14a22.7 22.7 0 0 1 5.08-12.212c.241-.29.513-.567.766-.845c.26-.284.497-.573.768-.845zm69.53-8.327a70 70 0 0 0-1.034-.608c-.177-.101-.348-.201-.526-.296c-.177-.1-.348-.194-.525-.295a41 41 0 0 0-.916-.49q-.07-.034-.14-.076a58 58 0 0 0-6.078-2.718c-.053-.023-.112-.04-.166-.059a56.7 56.7 0 0 0-12.714-3.178c-.153-.022-.313-.04-.472-.063l-.473-.054a48 48 0 0 0-1.174-.118a64 64 0 0 0-1.087-.094c-.141-.006-.283-.018-.424-.024c-.308-.023-.627-.041-.934-.06l-.496-.017v33.62a23.6 23.6 0 0 1 5.114 1.11l24.862-24.744a62 62 0 0 0-2.817-1.836m0 0"/><path fill="#68a338" d="m27.436 22.962l.59.973zm28.103-8.073c-.378.006-.762.006-1.14.023a58 58 0 0 0-7.12.725c-.054.014-.106.02-.16.03c-.331.055-.656.12-.986.179l-.56.106c-.197.04-.39.075-.58.124a56 56 0 0 0-1.134.248a57.3 57.3 0 0 0-13.6 5.043c-.278.148-.556.317-.832.472c-.331.178-.662.367-.998.556c-.242.14-.491.272-.74.419h-.004a.3.3 0 0 1-.054.03c-.065.04-.13.07-.195.112l.006.006l.585.973l16.806 27.767c.325-.2.662-.378.998-.555a22.9 22.9 0 0 1 8.569-2.615c.378-.042.755-.071 1.14-.095c.377-.017.761-.035 1.145-.035V14.865c-.384 0-.762.012-1.146.024m0 0"/><path fill="#4c5930" d="m113.3 68.51l-.053-.904c-.012-.154-.018-.302-.03-.454l-.088-1.064q-.017-.137-.024-.272a81 81 0 0 0-.13-1.187c-.005-.035-.005-.065-.01-.094c0-.017 0-.03-.007-.048c-.053-.423-.106-.85-.172-1.274q.001-.025-.005-.043a55.6 55.6 0 0 0-1.743-7.93a73 73 0 0 0-.39-1.258q-.027-.08-.046-.159c-.125-.366-.243-.726-.373-1.087c-.035-.095-.065-.195-.1-.295a59 59 0 0 0-.514-1.375q-.151-.392-.302-.774q-.123-.31-.247-.61c-.083-.2-.172-.394-.254-.595l-.337-.762l-.195-.431c-.136-.302-.284-.608-.425-.91c-.048-.088-.089-.182-.13-.272q-.256-.52-.514-1.033q-.034-.07-.075-.142c-.197-.378-.392-.756-.597-1.128l-.018-.034a56 56 0 0 0-3.225-5.21l-24.868 24.75a23 23 0 0 1 1.11 5.095h33.78zm0 0"/><path fill="#68a338" d="M79.67 71.278c0 .386-.036.763-.054 1.141s-.024.76-.065 1.139a22.7 22.7 0 0 1-5.08 12.213c-.242.29-.506.567-.766.844c-.254.284-.496.574-.768.845l23.828 23.714c.273-.272.525-.55.791-.821c.26-.277.532-.549.786-.827a56 56 0 0 0 4.83-5.952c.06-.083.112-.166.167-.242c.177-.254.353-.514.524-.768c.154-.23.307-.453.454-.685c.072-.112.143-.231.214-.337a56 56 0 0 0 8.78-27.99c.019-.378.025-.756.037-1.134c.005-.378.017-.756.017-1.14zm0 0"/><path fill="#3f3f42" d="M123.376 4.902c-6.167-6.135-16.158-6.135-22.323 0c-4.92 4.89-5.9 12.208-2.97 18.082L63.694 57.212c-5.905-2.91-13.258-1.935-18.177 2.96c-6.165 6.136-6.16 16.085 0 22.223c6.17 6.135 16.164 6.129 22.329 0a15.66 15.66 0 0 0 2.97-18.09l34.387-34.226c5.905 2.917 13.25 1.936 18.172-2.959a15.654 15.654 0 0 0 0-22.217zm0 0"/></svg>How to use the Openapi icon
React
import { Icon } from "@iconify/react";
<Icon icon="devicon:openapi" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon:openapi" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon:openapi" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--openapi]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:openapi"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon:openapi"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/devicon/openapi.svg" alt="Openapi icon" width="24" height="24">Related icons in Devicon
Openapi icon in other icon sets
Openapi icon FAQ
Is the Openapi 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 Openapi icon in React?
Install @iconify/react and render <Icon icon="devicon:openapi" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Openapi icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/devicon/openapi.svg" alt="Openapi icon">, or paste the SVG code inline to style it with CSS.