Readthedocs icon
file-icons:readthedocs
The Readthedocs icon (file-icons:readthedocs) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 402 × 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
- 402 × 512
- Tags
- readthedoc
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="402" height="512" viewBox="0 0 402 512"><path fill="currentColor" d="M13.963 511.717c123.143-29.57 248.477-36.723 375.08-25.674c6.984.82 12.967-5.385 12.957-11.323V42.624c0-5.284-4.135-9.873-9.28-11.076C265.616 3.114 137.851-7.406 10.288 5.374C4.45 6.024.287 10.449 0 16.697V500.64c0 7.1 6.353 12.701 13.963 11.076m364.792-49.448c-78.937-6.724-158.373-5.362-237.457 4.006V22.972c79.364 1.358 158.81 10.94 237.457 28.709zM346.948 99.136c-57.167-10.296-115.42-16.348-173.143-17.99c-15.011-1.871-14.63-22.119.646-22.74c58.855 1.674 118.249 7.845 176.53 18.34c14.891 3.528 10.662 24.41-4.033 22.39m-172.753 14.527c58.83.714 118.295 5.913 176.605 15.452c14.956 3.62 11.334 24.019-3.671 22.451c-57.192-9.356-115.444-14.455-173.139-15.155c-15.207-.985-14.687-22.186.205-22.748M93.321 81.67c-15.095.63-46.273 2.829-46.273 2.829c-14.562-.77-15.477-20.902-.912-22.713a1174 1174 0 0 1 46.237-2.845c15.414.23 15.592 21.722.948 22.729m.184 56.585c-15.038.872-46.458 3.586-46.458 3.586c-14.054-.79-15.971-20.275-1.094-22.696c15.343-1.5 30.898-2.712 46.235-3.602c15.39-.033 16.264 21.1 1.317 22.712m253.803 65.717c-57.228-8.426-115.507-12.566-173.156-12.324c-14.968-.903-15.34-21.739-.073-22.749c58.801-.26 118.19 3.974 176.542 12.566c14.697 2.846 11.796 23.93-3.313 22.507m.18 52.383a1155 1155 0 0 0-173.126-9.487c-15.06-.717-15.684-21.548-.468-22.745c58.842-1.21 118.24 2.044 176.546 9.675c14.96 2.563 11.916 23.822-2.951 22.557m.184 52.41c-57.21-6.544-115.46-8.784-173.125-6.66c-15.086.556-15.924-22.178-.838-22.734c58.807-2.165 118.206.118 176.548 6.793c14.972 2.685 12.52 23.36-2.585 22.601"/></svg>How to use the Readthedocs icon
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:readthedocs" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:readthedocs" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:readthedocs" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--readthedocs]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:readthedocs"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:readthedocs"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/file-icons/readthedocs.svg" alt="Readthedocs icon" width="24" height="24">Readthedocs icon in other icon sets
Readthedocs icon FAQ
Is the Readthedocs 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 Readthedocs icon in React?
Install @iconify/react and render <Icon icon="file-icons:readthedocs" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Readthedocs icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/readthedocs.svg" alt="Readthedocs icon">, or paste the SVG code inline to style it with CSS.