Openapi icon

file-icons:openapi

The Openapi icon (file-icons:openapi) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 512 × 512 grid. File Icons are released under the ISC 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: File Icons
Author: John Gardner
License: ISC
Size: 512 × 512

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="m.204 294.376l135.073-.002a91.7 91.7 0 0 0 8.452 30.17L27.94 394.298C12.75 368.103 3.166 334.783.204 294.376m131.802 196.803l51.407-124.841a91.5 91.5 0 0 1-14.938-9.955l-95.47 95.472c19.49 17.557 39.562 30.71 59.001 39.324m-65.604-45.647l95.284-95.286c-4.933-4.963-9.482-10.85-13.667-17.616L32.512 402.213c10.491 17.069 22.148 31.847 33.89 43.319m313.997 6.327l-95.53-95.525a92 92 0 0 1-3.184 2.466l69.71 115.72c9.73-6.055 19.39-13.823 29.004-22.66m-36.74 27.532l-69.565-115.479c-25.964 14.5-53.318 17.553-82.406 6.337l-51.301 124.583c70.2 28.467 142.961 20.313 203.272-15.441M171.713 211.67L102.005 95.95c-10.164 6.523-19.819 14.106-29.006 22.66l95.527 95.527a135 135 0 0 1 3.187-2.467M0 285.236l134.762-.002c.291-23.838 8.71-45.682 26.928-65.006l-95.287-95.287C22.416 171.553.512 225.056 0 285.236m226.694-91.938L226.7 58.54c-44.728.274-84.005 12.326-116.96 32.539l69.563 115.48c13.077-7.677 28.664-12.98 47.39-13.26m186.404-37.118l-99.449 99.452a93.7 93.7 0 0 1 4.453 20.46h135.09c-.883-40.98-14.404-80.939-40.094-119.912m40.28 129.052H318.631c-.468 25.24-9.9 48.244-26.924 65.014l95.29 95.286c43.82-43.123 65.122-96.948 66.381-160.3M235.84 58.74l-.006 135.087c7.082.802 13.883 2.342 20.466 4.455l99.415-99.415c-35.132-24.575-76.54-38.362-119.875-40.127M430.95 2.597c-39.165 11.457-55.533 55.183-38.782 88.672L254.808 228.63c-32.407-16.157-74.902-1.57-87.795 36.034c-15.716 45.84 24.243 91.802 71.754 82.533c42.01-8.196 62.31-54.188 44.466-90.01L420.722 119.7c34.66 17.226 79.533-1.065 89.396-41.654c11.43-47.037-32.658-89.054-79.168-75.449"/></svg>

How to use the Openapi icon

React

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

<Icon icon="file-icons:openapi" width="24" />

Vue

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

<template>
  <Icon icon="file-icons:openapi" width="24" />
</template>

Svelte

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

<Icon icon="file-icons:openapi" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--openapi]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="file-icons:openapi"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/file-icons/openapi.svg" alt="Openapi icon" width="24" height="24">

Openapi icon in other icon sets

Openapi icon FAQ

Is the Openapi icon free for commercial use?

Yes. File Icons are released under the ISC 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="file-icons: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/file-icons/openapi.svg" alt="Openapi icon">, or paste the SVG code inline to style it with CSS.

Browse all File Icons →