jsfiddle logo
jsfiddle from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- jsfiddle
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×180
- License
- CC0
The same logo in other sets
Use the jsfiddle logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 180"><path fill="#0084ff" d="M148.1 0c42.8 0 77.598 34.087 78.393 76.452l.014 1.481l-.011.866l1.46.76c16.183 8.773 26.938 25.332 27.964 44.018l.061 1.52l.019 1.418c0 29.117-23.397 52.75-52.428 53.295l-1.365.008H54.053C24.094 179.357 0 155.102 0 125.276c0-17.387 8.273-33.328 21.838-43.511l1.287-.938l.271-.19l-.135-.684a39 39 0 0 1-.438-3.347l-.11-1.694l-.037-1.705c0-21.519 17.547-38.95 39.173-38.95a39 39 0 0 1 16.063 3.445l1.483.706l.915.478l.978-1.623A78.37 78.37 0 0 1 144.718.072l1.721-.055zm0 11.13a67.24 67.24 0 0 0-60.69 38.113c-1.53 3.187-5.607 4.157-8.41 2c-4.908-3.776-10.875-5.856-17.151-5.856c-15.495 0-28.043 12.465-28.043 27.82c0 2.852.43 5.638 1.261 8.27a5.565 5.565 0 0 1-2.473 6.468c-13.215 7.815-21.464 21.854-21.464 37.33c0 23.308 18.526 42.367 41.76 43.376l1.249.038h148.103c23.526.144 42.628-18.783 42.628-42.174c0-17.244-10.49-32.572-26.266-39.1a5.57 5.57 0 0 1-3.43-4.87l.002-.586l.15-2.415l.047-1.246l-.012-1.798c-.768-36.225-30.578-65.37-67.262-65.37m16.167 70.493c17.519 0 31.876 13.362 31.876 30.052s-14.357 30.053-31.876 30.053c-10.548 0-19.386-5.284-31.203-16.729l-2.58-2.547l-3.436-3.525q-6.525-6.955-6.774-7.468l-1.321-1.363l-2.384-2.395a140 140 0 0 0-4.457-4.226l-2.087-1.835c-7.155-6.106-12.769-8.886-18.292-8.886c-11.543 0-20.746 8.564-20.746 18.921c0 10.358 9.203 18.922 20.746 18.922c6.002 0 10.482-1.965 14.584-5.612a35 35 0 0 0 1.57-1.491l2.941-3.133a5.565 5.565 0 0 1 8.5 7.161l-.51.591l-2.033 2.191a50 50 0 0 1-3.072 2.998c-6.013 5.348-13.03 8.426-21.98 8.426c-17.519 0-31.876-13.362-31.876-30.053c0-16.69 14.357-30.052 31.876-30.052c11.678 0 21.26 6.476 35.11 20.62q8.632 9.135 8.88 9.644l2.53 2.59c11.124 11.178 18.65 16.12 26.014 16.12c11.543 0 20.746-8.564 20.746-18.922c0-10.357-9.203-18.921-20.746-18.921c-6.002 0-10.482 1.965-14.584 5.612a35 35 0 0 0-1.57 1.49l-1.311 1.373l-1.63 1.76a5.565 5.565 0 0 1-8.108-7.625l2.15-2.318a50 50 0 0 1 3.073-2.998c6.013-5.347 13.03-8.425 21.98-8.425"/></svg>
React
import type { SVGProps } from "react";
export function LogosJsfiddle(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 180"><path fill="#0084ff" d="M148.1 0c42.8 0 77.598 34.087 78.393 76.452l.014 1.481l-.011.866l1.46.76c16.183 8.773 26.938 25.332 27.964 44.018l.061 1.52l.019 1.418c0 29.117-23.397 52.75-52.428 53.295l-1.365.008H54.053C24.094 179.357 0 155.102 0 125.276c0-17.387 8.273-33.328 21.838-43.511l1.287-.938l.271-.19l-.135-.684a39 39 0 0 1-.438-3.347l-.11-1.694l-.037-1.705c0-21.519 17.547-38.95 39.173-38.95a39 39 0 0 1 16.063 3.445l1.483.706l.915.478l.978-1.623A78.37 78.37 0 0 1 144.718.072l1.721-.055zm0 11.13a67.24 67.24 0 0 0-60.69 38.113c-1.53 3.187-5.607 4.157-8.41 2c-4.908-3.776-10.875-5.856-17.151-5.856c-15.495 0-28.043 12.465-28.043 27.82c0 2.852.43 5.638 1.261 8.27a5.565 5.565 0 0 1-2.473 6.468c-13.215 7.815-21.464 21.854-21.464 37.33c0 23.308 18.526 42.367 41.76 43.376l1.249.038h148.103c23.526.144 42.628-18.783 42.628-42.174c0-17.244-10.49-32.572-26.266-39.1a5.57 5.57 0 0 1-3.43-4.87l.002-.586l.15-2.415l.047-1.246l-.012-1.798c-.768-36.225-30.578-65.37-67.262-65.37m16.167 70.493c17.519 0 31.876 13.362 31.876 30.052s-14.357 30.053-31.876 30.053c-10.548 0-19.386-5.284-31.203-16.729l-2.58-2.547l-3.436-3.525q-6.525-6.955-6.774-7.468l-1.321-1.363l-2.384-2.395a140 140 0 0 0-4.457-4.226l-2.087-1.835c-7.155-6.106-12.769-8.886-18.292-8.886c-11.543 0-20.746 8.564-20.746 18.921c0 10.358 9.203 18.922 20.746 18.922c6.002 0 10.482-1.965 14.584-5.612a35 35 0 0 0 1.57-1.491l2.941-3.133a5.565 5.565 0 0 1 8.5 7.161l-.51.591l-2.033 2.191a50 50 0 0 1-3.072 2.998c-6.013 5.348-13.03 8.426-21.98 8.426c-17.519 0-31.876-13.362-31.876-30.053c0-16.69 14.357-30.052 31.876-30.052c11.678 0 21.26 6.476 35.11 20.62q8.632 9.135 8.88 9.644l2.53 2.59c11.124 11.178 18.65 16.12 26.014 16.12c11.543 0 20.746-8.564 20.746-18.922c0-10.357-9.203-18.921-20.746-18.921c-6.002 0-10.482 1.965-14.584 5.612a35 35 0 0 0-1.57 1.49l-1.311 1.373l-1.63 1.76a5.565 5.565 0 0 1-8.108-7.625l2.15-2.318a50 50 0 0 1 3.073-2.998c6.013-5.347 13.03-8.425 21.98-8.425"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 180"><path fill="#0084ff" d="M148.1 0c42.8 0 77.598 34.087 78.393 76.452l.014 1.481l-.011.866l1.46.76c16.183 8.773 26.938 25.332 27.964 44.018l.061 1.52l.019 1.418c0 29.117-23.397 52.75-52.428 53.295l-1.365.008H54.053C24.094 179.357 0 155.102 0 125.276c0-17.387 8.273-33.328 21.838-43.511l1.287-.938l.271-.19l-.135-.684a39 39 0 0 1-.438-3.347l-.11-1.694l-.037-1.705c0-21.519 17.547-38.95 39.173-38.95a39 39 0 0 1 16.063 3.445l1.483.706l.915.478l.978-1.623A78.37 78.37 0 0 1 144.718.072l1.721-.055zm0 11.13a67.24 67.24 0 0 0-60.69 38.113c-1.53 3.187-5.607 4.157-8.41 2c-4.908-3.776-10.875-5.856-17.151-5.856c-15.495 0-28.043 12.465-28.043 27.82c0 2.852.43 5.638 1.261 8.27a5.565 5.565 0 0 1-2.473 6.468c-13.215 7.815-21.464 21.854-21.464 37.33c0 23.308 18.526 42.367 41.76 43.376l1.249.038h148.103c23.526.144 42.628-18.783 42.628-42.174c0-17.244-10.49-32.572-26.266-39.1a5.57 5.57 0 0 1-3.43-4.87l.002-.586l.15-2.415l.047-1.246l-.012-1.798c-.768-36.225-30.578-65.37-67.262-65.37m16.167 70.493c17.519 0 31.876 13.362 31.876 30.052s-14.357 30.053-31.876 30.053c-10.548 0-19.386-5.284-31.203-16.729l-2.58-2.547l-3.436-3.525q-6.525-6.955-6.774-7.468l-1.321-1.363l-2.384-2.395a140 140 0 0 0-4.457-4.226l-2.087-1.835c-7.155-6.106-12.769-8.886-18.292-8.886c-11.543 0-20.746 8.564-20.746 18.921c0 10.358 9.203 18.922 20.746 18.922c6.002 0 10.482-1.965 14.584-5.612a35 35 0 0 0 1.57-1.491l2.941-3.133a5.565 5.565 0 0 1 8.5 7.161l-.51.591l-2.033 2.191a50 50 0 0 1-3.072 2.998c-6.013 5.348-13.03 8.426-21.98 8.426c-17.519 0-31.876-13.362-31.876-30.053c0-16.69 14.357-30.052 31.876-30.052c11.678 0 21.26 6.476 35.11 20.62q8.632 9.135 8.88 9.644l2.53 2.59c11.124 11.178 18.65 16.12 26.014 16.12c11.543 0 20.746-8.564 20.746-18.922c0-10.357-9.203-18.921-20.746-18.921c-6.002 0-10.482 1.965-14.584 5.612a35 35 0 0 0-1.57 1.49l-1.311 1.373l-1.63 1.76a5.565 5.565 0 0 1-8.108-7.625l2.15-2.318a50 50 0 0 1 3.073-2.998c6.013-5.347 13.03-8.425 21.98-8.425"/></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%20256%20180%22%3E%3Cpath%20fill%3D%22%230084ff%22%20d%3D%22M148.1%200c42.8%200%2077.598%2034.087%2078.393%2076.452l.014%201.481l-.011.866l1.46.76c16.183%208.773%2026.938%2025.332%2027.964%2044.018l.061%201.52l.019%201.418c0%2029.117-23.397%2052.75-52.428%2053.295l-1.365.008H54.053C24.094%20179.357%200%20155.102%200%20125.276c0-17.387%208.273-33.328%2021.838-43.511l1.287-.938l.271-.19l-.135-.684a39%2039%200%200%201-.438-3.347l-.11-1.694l-.037-1.705c0-21.519%2017.547-38.95%2039.173-38.95a39%2039%200%200%201%2016.063%203.445l1.483.706l.915.478l.978-1.623A78.37%2078.37%200%200%201%20144.718.072l1.721-.055zm0%2011.13a67.24%2067.24%200%200%200-60.69%2038.113c-1.53%203.187-5.607%204.157-8.41%202c-4.908-3.776-10.875-5.856-17.151-5.856c-15.495%200-28.043%2012.465-28.043%2027.82c0%202.852.43%205.638%201.261%208.27a5.565%205.565%200%200%201-2.473%206.468c-13.215%207.815-21.464%2021.854-21.464%2037.33c0%2023.308%2018.526%2042.367%2041.76%2043.376l1.249.038h148.103c23.526.144%2042.628-18.783%2042.628-42.174c0-17.244-10.49-32.572-26.266-39.1a5.57%205.57%200%200%201-3.43-4.87l.002-.586l.15-2.415l.047-1.246l-.012-1.798c-.768-36.225-30.578-65.37-67.262-65.37m16.167%2070.493c17.519%200%2031.876%2013.362%2031.876%2030.052s-14.357%2030.053-31.876%2030.053c-10.548%200-19.386-5.284-31.203-16.729l-2.58-2.547l-3.436-3.525q-6.525-6.955-6.774-7.468l-1.321-1.363l-2.384-2.395a140%20140%200%200%200-4.457-4.226l-2.087-1.835c-7.155-6.106-12.769-8.886-18.292-8.886c-11.543%200-20.746%208.564-20.746%2018.921c0%2010.358%209.203%2018.922%2020.746%2018.922c6.002%200%2010.482-1.965%2014.584-5.612a35%2035%200%200%200%201.57-1.491l2.941-3.133a5.565%205.565%200%200%201%208.5%207.161l-.51.591l-2.033%202.191a50%2050%200%200%201-3.072%202.998c-6.013%205.348-13.03%208.426-21.98%208.426c-17.519%200-31.876-13.362-31.876-30.053c0-16.69%2014.357-30.052%2031.876-30.052c11.678%200%2021.26%206.476%2035.11%2020.62q8.632%209.135%208.88%209.644l2.53%202.59c11.124%2011.178%2018.65%2016.12%2026.014%2016.12c11.543%200%2020.746-8.564%2020.746-18.922c0-10.357-9.203-18.921-20.746-18.921c-6.002%200-10.482%201.965-14.584%205.612a35%2035%200%200%200-1.57%201.49l-1.311%201.373l-1.63%201.76a5.565%205.565%200%200%201-8.108-7.625l2.15-2.318a50%2050%200%200%201%203.073-2.998c6.013-5.347%2013.03-8.425%2021.98-8.425%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%20256%20180%22%3E%3Cpath%20fill%3D%22%230084ff%22%20d%3D%22M148.1%200c42.8%200%2077.598%2034.087%2078.393%2076.452l.014%201.481l-.011.866l1.46.76c16.183%208.773%2026.938%2025.332%2027.964%2044.018l.061%201.52l.019%201.418c0%2029.117-23.397%2052.75-52.428%2053.295l-1.365.008H54.053C24.094%20179.357%200%20155.102%200%20125.276c0-17.387%208.273-33.328%2021.838-43.511l1.287-.938l.271-.19l-.135-.684a39%2039%200%200%201-.438-3.347l-.11-1.694l-.037-1.705c0-21.519%2017.547-38.95%2039.173-38.95a39%2039%200%200%201%2016.063%203.445l1.483.706l.915.478l.978-1.623A78.37%2078.37%200%200%201%20144.718.072l1.721-.055zm0%2011.13a67.24%2067.24%200%200%200-60.69%2038.113c-1.53%203.187-5.607%204.157-8.41%202c-4.908-3.776-10.875-5.856-17.151-5.856c-15.495%200-28.043%2012.465-28.043%2027.82c0%202.852.43%205.638%201.261%208.27a5.565%205.565%200%200%201-2.473%206.468c-13.215%207.815-21.464%2021.854-21.464%2037.33c0%2023.308%2018.526%2042.367%2041.76%2043.376l1.249.038h148.103c23.526.144%2042.628-18.783%2042.628-42.174c0-17.244-10.49-32.572-26.266-39.1a5.57%205.57%200%200%201-3.43-4.87l.002-.586l.15-2.415l.047-1.246l-.012-1.798c-.768-36.225-30.578-65.37-67.262-65.37m16.167%2070.493c17.519%200%2031.876%2013.362%2031.876%2030.052s-14.357%2030.053-31.876%2030.053c-10.548%200-19.386-5.284-31.203-16.729l-2.58-2.547l-3.436-3.525q-6.525-6.955-6.774-7.468l-1.321-1.363l-2.384-2.395a140%20140%200%200%200-4.457-4.226l-2.087-1.835c-7.155-6.106-12.769-8.886-18.292-8.886c-11.543%200-20.746%208.564-20.746%2018.921c0%2010.358%209.203%2018.922%2020.746%2018.922c6.002%200%2010.482-1.965%2014.584-5.612a35%2035%200%200%200%201.57-1.491l2.941-3.133a5.565%205.565%200%200%201%208.5%207.161l-.51.591l-2.033%202.191a50%2050%200%200%201-3.072%202.998c-6.013%205.348-13.03%208.426-21.98%208.426c-17.519%200-31.876-13.362-31.876-30.053c0-16.69%2014.357-30.052%2031.876-30.052c11.678%200%2021.26%206.476%2035.11%2020.62q8.632%209.135%208.88%209.644l2.53%202.59c11.124%2011.178%2018.65%2016.12%2026.014%2016.12c11.543%200%2020.746-8.564%2020.746-18.922c0-10.357-9.203-18.921-20.746-18.921c-6.002%200-10.482%201.965-14.584%205.612a35%2035%200%200%200-1.57%201.49l-1.311%201.373l-1.63%201.76a5.565%205.565%200%200%201-8.108-7.625l2.15-2.318a50%2050%200%200%201%203.073-2.998c6.013-5.347%2013.03-8.425%2021.98-8.425%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/jsfiddle.svg?color=%231a73e8&size=48
