jsfiddle logo

jsfiddle from Font Awesome Brands by Dave Gandy · Brand · CC-BY-4.0 Attribution required.

Name: jsfiddle
Set: Font Awesome Brands
Style: Brand
Viewbox: 640×640
License: CC BY 4.0

The same logo in other sets

jsfiddleBoxicons Brands jsfiddleCoreUI Brands jsfiddleFont Awesome 6 Brands jsfiddleLine Awesome jsfiddleSVG Logos jsfiddleMaterial Design Icons jsfiddleSimple Icons

Use the jsfiddle logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M543.1 301.5c-4.7-2.6-5.7-5.7-6.4-10.8c-2.4-16.5-3.5-33.6-9.1-49.1c-35.9-100-154-143.4-246.8-91.6c-27.4 15.2-49 36.4-65.5 63.9c-3.2-1.5-5.5-2.7-7.8-3.7c-30.1-12.4-59-10.1-85.3 9.2c-25.5 18.7-36.4 44.5-32.7 76.4c.4 3-2 7.6-4.5 9.5c-39.7 30-56 78.1-41.9 124.6c13.8 45.6 57.5 79.8 105.6 81.4c30.3 1 60.6.5 91 .5c84 0 168.1.5 252.1-.5c52.7-.6 96.1-36.9 108.2-87.3c11.5-48.1-11.1-97.3-56.8-122.6zm21.1 156.9c-18.2 22.4-42.3 35.3-71.3 35.7c-56.9.8-113.8.2-170.7.2c0 .7-163 .2-163.7.2c-43.9-.3-76.7-19.8-95.2-60c-18.9-41.2-4-90.8 34.2-116.1c9.2-6.1 12.5-11.6 10.1-23.1c-5.5-26.4 4.5-48 26.4-63c23-15.7 47.4-16.1 72-3.1c10.3 5.4 14.6 11.6 22.2-2.5c14.2-26.4 34.6-46.7 60.7-61.3c97.5-54.4 228.4 7.6 230.2 132.7c.1 8.2 2.4 12.4 9.8 15.9c57.6 26.8 74.5 96.1 35.1 144.5zm-87.8-80.5c-5.8 31.2-34.6 55.1-66.7 55.1c-17 0-32.1-6.5-44.1-17.7c-27.7-25.7-71.1-75-95.9-93.4c-20.1-14.9-42-12.3-60.3 3.8c-50 44.1 15.9 121.8 67.1 77.2c4.5-4 7.8-9.5 12.7-12.8c8.2-5.5 20.8-.9 13.2 10.6c-17.4 26.3-49.3 38.2-78.9 29.3c-28.9-8.7-48.8-36-48.6-70.2c1.2-22.5 12.4-43.1 35.4-56c22.6-12.6 46.4-13.1 67 2.5c50.8 38.5 75.6 81.7 107.3 101.2c24.6 15.1 54.3 7.4 68.8-17.5c28.8-49.2-34.6-105-78.9-63.5c-4 3.7-6.9 8.9-11.4 11.7c-11 6.8-17.3-4.1-12.8-10.4c20.7-28.6 50.5-40.4 83.3-28.2c31.4 11.7 49.1 44.4 42.8 78.2z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7BrandsJsfiddle(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M543.1 301.5c-4.7-2.6-5.7-5.7-6.4-10.8c-2.4-16.5-3.5-33.6-9.1-49.1c-35.9-100-154-143.4-246.8-91.6c-27.4 15.2-49 36.4-65.5 63.9c-3.2-1.5-5.5-2.7-7.8-3.7c-30.1-12.4-59-10.1-85.3 9.2c-25.5 18.7-36.4 44.5-32.7 76.4c.4 3-2 7.6-4.5 9.5c-39.7 30-56 78.1-41.9 124.6c13.8 45.6 57.5 79.8 105.6 81.4c30.3 1 60.6.5 91 .5c84 0 168.1.5 252.1-.5c52.7-.6 96.1-36.9 108.2-87.3c11.5-48.1-11.1-97.3-56.8-122.6zm21.1 156.9c-18.2 22.4-42.3 35.3-71.3 35.7c-56.9.8-113.8.2-170.7.2c0 .7-163 .2-163.7.2c-43.9-.3-76.7-19.8-95.2-60c-18.9-41.2-4-90.8 34.2-116.1c9.2-6.1 12.5-11.6 10.1-23.1c-5.5-26.4 4.5-48 26.4-63c23-15.7 47.4-16.1 72-3.1c10.3 5.4 14.6 11.6 22.2-2.5c14.2-26.4 34.6-46.7 60.7-61.3c97.5-54.4 228.4 7.6 230.2 132.7c.1 8.2 2.4 12.4 9.8 15.9c57.6 26.8 74.5 96.1 35.1 144.5zm-87.8-80.5c-5.8 31.2-34.6 55.1-66.7 55.1c-17 0-32.1-6.5-44.1-17.7c-27.7-25.7-71.1-75-95.9-93.4c-20.1-14.9-42-12.3-60.3 3.8c-50 44.1 15.9 121.8 67.1 77.2c4.5-4 7.8-9.5 12.7-12.8c8.2-5.5 20.8-.9 13.2 10.6c-17.4 26.3-49.3 38.2-78.9 29.3c-28.9-8.7-48.8-36-48.6-70.2c1.2-22.5 12.4-43.1 35.4-56c22.6-12.6 46.4-13.1 67 2.5c50.8 38.5 75.6 81.7 107.3 101.2c24.6 15.1 54.3 7.4 68.8-17.5c28.8-49.2-34.6-105-78.9-63.5c-4 3.7-6.9 8.9-11.4 11.7c-11 6.8-17.3-4.1-12.8-10.4c20.7-28.6 50.5-40.4 83.3-28.2c31.4 11.7 49.1 44.4 42.8 78.2z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M543.1 301.5c-4.7-2.6-5.7-5.7-6.4-10.8c-2.4-16.5-3.5-33.6-9.1-49.1c-35.9-100-154-143.4-246.8-91.6c-27.4 15.2-49 36.4-65.5 63.9c-3.2-1.5-5.5-2.7-7.8-3.7c-30.1-12.4-59-10.1-85.3 9.2c-25.5 18.7-36.4 44.5-32.7 76.4c.4 3-2 7.6-4.5 9.5c-39.7 30-56 78.1-41.9 124.6c13.8 45.6 57.5 79.8 105.6 81.4c30.3 1 60.6.5 91 .5c84 0 168.1.5 252.1-.5c52.7-.6 96.1-36.9 108.2-87.3c11.5-48.1-11.1-97.3-56.8-122.6zm21.1 156.9c-18.2 22.4-42.3 35.3-71.3 35.7c-56.9.8-113.8.2-170.7.2c0 .7-163 .2-163.7.2c-43.9-.3-76.7-19.8-95.2-60c-18.9-41.2-4-90.8 34.2-116.1c9.2-6.1 12.5-11.6 10.1-23.1c-5.5-26.4 4.5-48 26.4-63c23-15.7 47.4-16.1 72-3.1c10.3 5.4 14.6 11.6 22.2-2.5c14.2-26.4 34.6-46.7 60.7-61.3c97.5-54.4 228.4 7.6 230.2 132.7c.1 8.2 2.4 12.4 9.8 15.9c57.6 26.8 74.5 96.1 35.1 144.5zm-87.8-80.5c-5.8 31.2-34.6 55.1-66.7 55.1c-17 0-32.1-6.5-44.1-17.7c-27.7-25.7-71.1-75-95.9-93.4c-20.1-14.9-42-12.3-60.3 3.8c-50 44.1 15.9 121.8 67.1 77.2c4.5-4 7.8-9.5 12.7-12.8c8.2-5.5 20.8-.9 13.2 10.6c-17.4 26.3-49.3 38.2-78.9 29.3c-28.9-8.7-48.8-36-48.6-70.2c1.2-22.5 12.4-43.1 35.4-56c22.6-12.6 46.4-13.1 67 2.5c50.8 38.5 75.6 81.7 107.3 101.2c24.6 15.1 54.3 7.4 68.8-17.5c28.8-49.2-34.6-105-78.9-63.5c-4 3.7-6.9 8.9-11.4 11.7c-11 6.8-17.3-4.1-12.8-10.4c20.7-28.6 50.5-40.4 83.3-28.2c31.4 11.7 49.1 44.4 42.8 78.2z"/></svg>
</template>

CSS

.icon-jsfiddle {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M543.1%20301.5c-4.7-2.6-5.7-5.7-6.4-10.8c-2.4-16.5-3.5-33.6-9.1-49.1c-35.9-100-154-143.4-246.8-91.6c-27.4%2015.2-49%2036.4-65.5%2063.9c-3.2-1.5-5.5-2.7-7.8-3.7c-30.1-12.4-59-10.1-85.3%209.2c-25.5%2018.7-36.4%2044.5-32.7%2076.4c.4%203-2%207.6-4.5%209.5c-39.7%2030-56%2078.1-41.9%20124.6c13.8%2045.6%2057.5%2079.8%20105.6%2081.4c30.3%201%2060.6.5%2091%20.5c84%200%20168.1.5%20252.1-.5c52.7-.6%2096.1-36.9%20108.2-87.3c11.5-48.1-11.1-97.3-56.8-122.6zm21.1%20156.9c-18.2%2022.4-42.3%2035.3-71.3%2035.7c-56.9.8-113.8.2-170.7.2c0%20.7-163%20.2-163.7.2c-43.9-.3-76.7-19.8-95.2-60c-18.9-41.2-4-90.8%2034.2-116.1c9.2-6.1%2012.5-11.6%2010.1-23.1c-5.5-26.4%204.5-48%2026.4-63c23-15.7%2047.4-16.1%2072-3.1c10.3%205.4%2014.6%2011.6%2022.2-2.5c14.2-26.4%2034.6-46.7%2060.7-61.3c97.5-54.4%20228.4%207.6%20230.2%20132.7c.1%208.2%202.4%2012.4%209.8%2015.9c57.6%2026.8%2074.5%2096.1%2035.1%20144.5zm-87.8-80.5c-5.8%2031.2-34.6%2055.1-66.7%2055.1c-17%200-32.1-6.5-44.1-17.7c-27.7-25.7-71.1-75-95.9-93.4c-20.1-14.9-42-12.3-60.3%203.8c-50%2044.1%2015.9%20121.8%2067.1%2077.2c4.5-4%207.8-9.5%2012.7-12.8c8.2-5.5%2020.8-.9%2013.2%2010.6c-17.4%2026.3-49.3%2038.2-78.9%2029.3c-28.9-8.7-48.8-36-48.6-70.2c1.2-22.5%2012.4-43.1%2035.4-56c22.6-12.6%2046.4-13.1%2067%202.5c50.8%2038.5%2075.6%2081.7%20107.3%20101.2c24.6%2015.1%2054.3%207.4%2068.8-17.5c28.8-49.2-34.6-105-78.9-63.5c-4%203.7-6.9%208.9-11.4%2011.7c-11%206.8-17.3-4.1-12.8-10.4c20.7-28.6%2050.5-40.4%2083.3-28.2c31.4%2011.7%2049.1%2044.4%2042.8%2078.2z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M543.1%20301.5c-4.7-2.6-5.7-5.7-6.4-10.8c-2.4-16.5-3.5-33.6-9.1-49.1c-35.9-100-154-143.4-246.8-91.6c-27.4%2015.2-49%2036.4-65.5%2063.9c-3.2-1.5-5.5-2.7-7.8-3.7c-30.1-12.4-59-10.1-85.3%209.2c-25.5%2018.7-36.4%2044.5-32.7%2076.4c.4%203-2%207.6-4.5%209.5c-39.7%2030-56%2078.1-41.9%20124.6c13.8%2045.6%2057.5%2079.8%20105.6%2081.4c30.3%201%2060.6.5%2091%20.5c84%200%20168.1.5%20252.1-.5c52.7-.6%2096.1-36.9%20108.2-87.3c11.5-48.1-11.1-97.3-56.8-122.6zm21.1%20156.9c-18.2%2022.4-42.3%2035.3-71.3%2035.7c-56.9.8-113.8.2-170.7.2c0%20.7-163%20.2-163.7.2c-43.9-.3-76.7-19.8-95.2-60c-18.9-41.2-4-90.8%2034.2-116.1c9.2-6.1%2012.5-11.6%2010.1-23.1c-5.5-26.4%204.5-48%2026.4-63c23-15.7%2047.4-16.1%2072-3.1c10.3%205.4%2014.6%2011.6%2022.2-2.5c14.2-26.4%2034.6-46.7%2060.7-61.3c97.5-54.4%20228.4%207.6%20230.2%20132.7c.1%208.2%202.4%2012.4%209.8%2015.9c57.6%2026.8%2074.5%2096.1%2035.1%20144.5zm-87.8-80.5c-5.8%2031.2-34.6%2055.1-66.7%2055.1c-17%200-32.1-6.5-44.1-17.7c-27.7-25.7-71.1-75-95.9-93.4c-20.1-14.9-42-12.3-60.3%203.8c-50%2044.1%2015.9%20121.8%2067.1%2077.2c4.5-4%207.8-9.5%2012.7-12.8c8.2-5.5%2020.8-.9%2013.2%2010.6c-17.4%2026.3-49.3%2038.2-78.9%2029.3c-28.9-8.7-48.8-36-48.6-70.2c1.2-22.5%2012.4-43.1%2035.4-56c22.6-12.6%2046.4-13.1%2067%202.5c50.8%2038.5%2075.6%2081.7%20107.3%20101.2c24.6%2015.1%2054.3%207.4%2068.8-17.5c28.8-49.2-34.6-105-78.9-63.5c-4%203.7-6.9%208.9-11.4%2011.7c-11%206.8-17.3-4.1-12.8-10.4c20.7-28.6%2050.5-40.4%2083.3-28.2c31.4%2011.7%2049.1%2044.4%2042.8%2078.2z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-brands/jsfiddle.svg?color=%231a73e8&size=48