Jsfiddle icon

fa:jsfiddle

The Jsfiddle icon (fa:jsfiddle) is a free SVG icon from the Font Awesome 4 set by Dave Gandy. It is drawn on a 2048 × 1408 grid. Font Awesome 4 icons are released under the Open Font 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: Font Awesome 4
Author: Dave Gandy
License: OFL-1.1
Size: 2048 × 1408

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="1408" viewBox="0 0 2048 1408"><path fill="currentColor" d="M1800 644q111 46 179.5 145.5T2048 1011q0 164-118 280.5T1645 1408q-4 0-11.5-.5t-10.5-.5H406q-170-10-288-125.5T0 1001q0-110 55-203t147-147q-12-39-12-82q0-115 82-196t199-81q95 0 172 58q75-154 222.5-248T1192 8q166 0 306 80.5T1719.5 307t81.5 301q0 6-.5 18t-.5 18M468 910q0 122 84 193t208 71q137 0 240-99q-16-20-47.5-56.5T909 968q-67 65-144 65q-55 0-93.5-33.5T633 912q0-53 38.5-87t91.5-34q44 0 84.5 21t73 55t65 75t69 82t77 75t97 55t121.5 21q121 0 204.5-71.5T1638 913q0-121-84-192t-207-71q-143 0-241 97l93 108q66-64 142-64q52 0 92 33t40 84q0 57-37 91.5t-94 34.5q-43 0-82.5-21t-72-55t-65.5-75t-69.5-82t-77.5-75t-96.5-55T760 650q-122 0-207 70.5T468 910"/></svg>

How to use the Jsfiddle icon

React

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

<Icon icon="fa:jsfiddle" width="24" />

Vue

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

<template>
  <Icon icon="fa:jsfiddle" width="24" />
</template>

Svelte

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

<Icon icon="fa:jsfiddle" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fa--jsfiddle]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="fa:jsfiddle"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/fa/jsfiddle.svg" alt="Jsfiddle icon" width="24" height="24">

Jsfiddle icon in other icon sets

Jsfiddle icon FAQ

Is the Jsfiddle icon free for commercial use?

Yes. Font Awesome 4 icons are released under the Open Font License, which allows use in personal and commercial projects.

How do I use the Jsfiddle icon in React?

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

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

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

Browse all Font Awesome 4 icons →