Dotjs icon

file-icons:dotjs

The Dotjs icon (file-icons:dotjs) 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
Tags: dotj

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="M141.104 55.694c113.41-102.757 268.977-56.88 312.252 84.761c104.084 106.58 64.633 273.585-78.902 312.189C260.856 557.172 107.9 519.874 55.486 370.4C-51.116 241.161 5.962 106.887 141.104 55.694M55.486 370.4c44.208 48.022 98.675 67.044 143.815 74.131c46.963 19.386 111.114 34.688 175.153 8.113c53.518-51.237 67.176-107.34 68.83-146.304c19.585-41.842 32.736-121.686 10.072-165.885c-30.778-38.324-98.769-71.375-148.851-73.011c-40.677-19.985-89.535-32.45-163.401-11.75C91.86 98.774 67.238 168.71 65.69 208.122C44.854 258.225 38.14 314.732 55.486 370.4M118.2 248.738v29.1c6.43 9.395 19.551 6.39 24.063-2.63V251.15c0-11.277-23.812-11.653-24.063-2.412m75.446 0v29.1c0 11.09 24.063 9.022 24.063 0V251.15c0-11.277-23.812-11.653-24.063-2.412M299.88 72.259C158.7 38.326 33.265 170.565 74.636 309.72c41.37 139.153 218.801 181.8 318.609 76.58s47.813-280.106-93.365-314.04M161.773 299.14h-18.758v-7.768c-3.478 6.954-8.17 7.768-16.918 7.768c-15.792 0-25.96-4.39-25.943-13.03v-43.23c.563-21.426 39.1-19.735 41.733-10.525v-32.327h19.886zm72.906-17.197c-1.43 11.684-11.005 17.197-22.787 17.197c-28.272 0-34.967-7.084-34.945-15.725V242.88c.38-10.713 8.248-16.36 27.811-16.36c20.686 0 29.921 4.002 29.921 16.61zm41.656 17.197h-18.404v-74.365h-22.3v-14.973h61.658v14.973h-20.954zm15.221-23.744h19.332v23.744h-19.332zm53.263 22.116c0 11.653-8.992 23.18-19.52 23.18l-17.858-.25v-16.188c17.692-.016 18.038-.131 18.392-6.64c-.101-4.533 0-70.928 0-70.928h18.986zm0-80.818h-18.986v-16.947h18.986zm51.603 82.446h-37.347l-.501-13.782h27.07c11.78-3.008 3.258-9.523-13.034-18.545c-15.643-8.662-15.54-14.033-15.54-24.809s8.46-15.286 14.976-15.286H407.2v15.787h-28.073c-14.382 8.107 33.086 18.043 32.428 38.843c-.493 15.58-15.133 17.792-15.133 17.792"/></svg>

How to use the Dotjs icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Dotjs icon in other icon sets

Dotjs icon FAQ

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

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

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

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

Browse all File Icons →