Nokogiri icon

file-icons:nokogiri

The Nokogiri icon (file-icons:nokogiri) 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="m236.906 22.101l52.555 20.794h143.402l20.714-25.6l50.987 36.753c-3.718 4.276-9.029 7.967-19.651 9.056v93.238c-1.834 4.542-19.46 13.981-47.27 12.455v-22.334H282.051v90.822h74.357v-75.127l64.213 6.08c-1.036 7.437-5.79 12.243-18.032 14.82v54.227h32.399l27.644-35.957L512 244.216c-1.089 5.869-6.878 8.471-13.81 8.471h-95.6v79.668h25.998l22.864-24.91l48.359 37.152c-2.656 3.692-9.587 7.356-18.111 8.87v129.301c-.6 4.079-27.357 14.484-48.28 12.827v-30.964H329.296v23.449c-1.107 5.804-24.41 16.79-46.766 14.977V311.774l49.421 20.581h24.458v-79.668h-75.534c-5.311 86.068-27.556 179.678-101.355 247.688l-7.436-5.311c15.934-25.122 28.123-51.838 37.178-80.093c-37.178 19.014-87.634 44.348-154.556 74.197c-2.124 6.427-6.904 10.65-12.215 12.827l-31.868-57.096c17.527-3.292 47.27-9.268 82.882-16.89V260.655h-72.79L16.49 245.25h77.013v-64.77H54.705l-4.249-14.898c-13.809 14.898-28.654 27.858-44.11 38.719L0 199.655C39.303 149.942 76.481 63.635 89.228 8.743l65.355 21.378c-1.62 6.374-7.49 10.118-20.767 10.649c131.744 40.923 82.881 114.403 46.765 86.6c-8.498-20.688-27.618-49.9-52.554-75.42c-18.112 36.62-44.668 77.544-77.013 113.102h86.546l24.99-35.027s27.591 24.564 44.587 41.958c-1.62 5.843-6.931 8.498-14.34 8.498h-56.804v64.77h18.59l24.378-34.177s28.176 24.352 44.667 41.108c-1.62 5.87-6.4 8.472-13.835 8.472h-73.8V418.21c24.379-5.444 50.935-11.42 77.49-17.315c13.449-37.1 26.004-102.918 23.423-378.795m92.389 325.152v101.949H433.42V347.253zM282.05 58.323v72.738h155.592V58.324zM35.081 286.839c79.11 72.365 33.965 144.438 3.69 107.127c4.276-33.222-2.655-75.127-10.622-105.48zm112.013 102.984c5.869-27.007 12.242-68.833 16.491-106.224l56.299 17.341c-2.656 5.975-8.498 10.835-19.678 11.366c-12.19 28.017-28.123 58.848-44.057 81.182z"/></svg>

How to use the Nokogiri icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Nokogiri icon FAQ

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

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

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

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

Browse all File Icons →