File Type Xib icon

vscode-icons:file-type-xib

The File Type Xib icon (vscode-icons:file-type-xib) is a free SVG icon from the VSCode Icons set by Roberto Huertas. It is drawn on a 32 × 32 grid. VSCode 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: VSCode Icons
Author: Roberto Huertas
License: MIT
Size: 32 × 32
Tags: filetype, typexib, filetypexib

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#fdcd31" d="m20.197 14.474l-2.828-2.818l6.35-6.327l2.795 2.785z"/><path fill="#e9ad0f" d="m20.2 14.773l-3.13-3.117l6.649-6.625l3.093 3.082Zm-2.53-3.116l2.53 2.518l6.02-6.061l-2.5-2.487Z"/><path fill="#fdcd31" d="m6.28 22.724l6.904-6.903l2.824 2.825l-6.902 6.902z"/><path fill="#e9ad0f" d="m9.106 25.846l-3.122-3.122l7.2-7.2l3.124 3.124Zm-2.525-3.122l2.525 2.526l6.6-6.6l-2.527-2.527Z"/><path fill="#fdcd31" d="m5.592 23.415l2.81 2.8l-6.17 3.385a.014.014 0 0 1-.019-.019Z"/><path fill="#e9ad0f" d="M2.225 29.815a.225.225 0 0 1-.2-.333l3.514-6.414l3.209 3.2l-6.414 3.519a.2.2 0 0 1-.109.028m3.417-6.052l-2.919 5.329l5.33-2.925Z"/><path fill="#fdcd31" d="m29.094 5.588l-1.939 1.938l-2.834-2.834l1.854-1.857a1.3 1.3 0 0 1 1.707.016l1.2 1.23a1.19 1.19 0 0 1 .012 1.507"/><path fill="#e9ad0f" d="m27.155 7.825l-3.133-3.133l2-2.006a1.515 1.515 0 0 1 2.006.016l1.2 1.232a1.41 1.41 0 0 1 .023 1.792l-.011.011Zm-2.536-3.133l2.536 2.536l1.784-1.784a.974.974 0 0 0-.019-1.225L27.731 3a1.1 1.1 0 0 0-1.407-.014Z"/><path fill="#fdcd31" d="m19.328 20.586l2.832-2.832l2.767 2.766l-2.833 2.833z"/><path fill="#e9ad0f" d="m22.094 23.651l-3.065-3.065l3.131-3.131l3.065 3.065Zm-2.468-3.065l2.468 2.469l2.534-2.534l-2.468-2.469Z"/><path fill="#fdcd31" d="m21.253 17.4l-2.3 2.3a.38.38 0 0 1-.538 0L4.426 5.7a1.407 1.407 0 0 1 0-1.99l.943-.943a1.266 1.266 0 0 1 1.791 0l14.093 14.094a.38.38 0 0 1 0 .539"/><path fill="#e9ad0f" d="M18.689 20.016a.6.6 0 0 1-.418-.173L4.277 5.848a1.62 1.62 0 0 1 0-2.288l.943-.943a1.48 1.48 0 0 1 2.089 0L21.4 16.711a.59.59 0 0 1 0 .836l-2.295 2.295a.6.6 0 0 1-.416.174M6.264 2.607a1.05 1.05 0 0 0-.746.309l-.943.943a1.2 1.2 0 0 0 0 1.691L18.57 19.544a.17.17 0 0 0 .239 0l2.291-2.295a.17.17 0 0 0 0-.239L7.01 2.916a1.05 1.05 0 0 0-.746-.309"/><path fill="#fdcd31" d="m23.364 23.439l1.617-1.628a1.04 1.04 0 0 1 1.345-.113a14.4 14.4 0 0 1 1.932 1.572c2.144 2.368 1.454 5.722 1.313 6.312a.014.014 0 0 1-.025 0A5.1 5.1 0 0 0 28.121 28c-1.024-.731-1.821-.675-2.761-1.115A4.73 4.73 0 0 1 23.2 24.7a.99.99 0 0 1 .164-1.261"/><path fill="#e9ad0f" d="M29.557 29.8a.22.22 0 0 1-.193-.112A4.85 4.85 0 0 0 28 28.17a4.7 4.7 0 0 0-1.648-.721a6.7 6.7 0 0 1-1.08-.374a5 5 0 0 1-2.257-2.275a1.2 1.2 0 0 1 .2-1.512l1.618-1.628a1.25 1.25 0 0 1 1.617-.136a14.4 14.4 0 0 1 1.966 1.6c2.2 2.43 1.52 5.843 1.361 6.5a.225.225 0 0 1-.187.171Zm-3.837-8.09a.83.83 0 0 0-.589.246l-1.618 1.628a.78.78 0 0 0-.126 1.016a4.58 4.58 0 0 0 2.061 2.088a6.3 6.3 0 0 0 1.015.35a4.9 4.9 0 0 1 3 2.02a6.83 6.83 0 0 0-1.358-5.65a14 14 0 0 0-1.9-1.542a.83.83 0 0 0-.485-.152Z"/></svg>

How to use the File Type Xib icon

React

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

<Icon icon="vscode-icons:file-type-xib" width="24" />

Vue

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

<template>
  <Icon icon="vscode-icons:file-type-xib" width="24" />
</template>

Svelte

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

<Icon icon="vscode-icons:file-type-xib" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="vscode-icons:file-type-xib"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-xib.svg" alt="File Type Xib icon" width="24" height="24">

Related icons in VSCode Icons

File Type Xib icon FAQ

Is the File Type Xib icon free for commercial use?

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

How do I use the File Type Xib icon in React?

Install @iconify/react and render <Icon icon="vscode-icons:file-type-xib" />, or use “Copy code” on this page to get a standalone React component.

How do I add the File Type Xib icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-xib.svg" alt="File Type Xib icon">, or paste the SVG code inline to style it with CSS.

Browse all VSCode Icons →