Org Mode icon

file-icons:org-mode

The Org Mode icon (file-icons:org-mode) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 467 × 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: 467 × 512
Tags: orgmode

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="467" height="512" viewBox="0 0 467 512"><path fill="currentColor" d="M388.634 512c-1.275-13.87-40.212-103.377-114.3-146.28c-50.053-27.292-18.61-74.308-15.04-90.902c0 0 40.087 28.015 69.135-14.84c26.25 6.759 43.827-4.77 66.397 3.402c13.687 5.989 71.35 2.374 49.924-29.84l21.627-19.382c3.637-16.253-4.598-19.682-7.1-24.174c-.685-10.308-9.305-14.329-19.633-6.952c-41.365-7.925-57.37 6.536-104.409-20.023c-5.838-17.437-18.138-13.476-33.94-20.004c13.044-29.308 14.398-42.935 30.31-85.649C337.188 34.836 353.871-.07 345.4 0c-12.103.085-46.207 70.826-72.237 127.046a46.85 46.85 0 0 1-8.727-27.082c-.642-12.453-23.292 5.027-20.023 27.233c0 0-26.952 4.877-26.952 4.92c-4.92-19.893-17.156-34.592-24.596-12.022c-14.97 35.575-18.82 63.81 2.46 98.052C175.901 304.949 46.726 347.592 60.161 417.68c3.743.085 34.974 74.479 135.562 44.037c118.818-33.73 185.39 44.748 192.91 50.283M48.989 409.752c-18.87-67.782 113.28-114.005 133.936-191.512c-17.647-25.669-16.176-39.39-15.504-62.983c-21.387 22.079-45.031 22.294-80.857 28.28c-27.804 5.006-78.219 52.34-86.09 101.471c-3.969 62.898 17.403 108.032 48.515 124.744"/></svg>

How to use the Org Mode icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="file-icons:org-mode"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/file-icons/org-mode.svg" alt="Org Mode icon" width="24" height="24">

Org Mode icon FAQ

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

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

How do I add the Org Mode icon to a web page?

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

Browse all File Icons →