jsfiddle logo
jsfiddle from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- jsfiddle
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- License
- CC0 1.0
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 32 32"><path fill="currentColor" d="M28.104 15a7 7 0 0 0 .027-.557c0-5.177-4.256-9.375-9.511-9.375a9.51 9.51 0 0 0-8.589 5.344a4.4 4.4 0 0 0-2.676-.907c-2.428 0-4.391 1.932-4.391 4.317q.001.68.197 1.292A6.31 6.31 0 0 0 0 20.573c0 3.468 2.833 6.287 6.344 6.339h19c.12 0 .24.02.359.02c3.48 0 6.303-2.776 6.303-6.219A6.21 6.21 0 0 0 28.126 15zM8.588 22.136c-.64-.579-1.041-1.276-1.197-2.105a4.5 4.5 0 0 1-.084-.869c0-1.183.433-2.151 1.292-2.916q1.288-1.157 3.271-1.157c1.36 0 2.641.511 3.776 1.532c.281.249.557.536.819.853l1.453 1.715c.255.343.52.635.801.891c.751.671 1.563 1.009 2.251 1.009q.873-.002 1.457-.536c.328-.307.537-.719.579-1.167l.011-.197c0-.188-.032-.376-.089-.552a2.03 2.03 0 0 0-1.973-1.339c-.724 0-1.443.244-2.235 1.009l-1.287-1.52l-.14-.172c1.14-1.104 2.26-1.521 3.781-1.521c1.339 0 2.437.38 3.249 1.141l.027.02c.859.761 1.276 1.74 1.276 2.943c0 .281-.021.584-.079.839c-.161.824-.563 1.5-1.183 2.084a4.3 4.3 0 0 1-2.276 1.077a6.5 6.5 0 0 1-.943.057c-1.375 0-2.676-.5-3.776-1.495a8.5 8.5 0 0 1-.859-.921l-1.459-1.699a5.4 5.4 0 0 0-.781-.9c-.74-.677-1.557-1-2.276-1c-.208 0-.416.031-.62.083c-.312.079-.604.24-.839.459a1.83 1.83 0 0 0-.583 1.344c0 .515.183.957.563 1.312l.02.027c.401.359.901.536 1.48.536c.739 0 1.457-.26 2.235-1.021l1.28 1.5l.141.161c-1.161 1.12-2.276 1.537-3.74 1.537c-1.339 0-2.437-.38-3.276-1.141z"/></svg>
React
import type { SVGProps } from "react";
export function CibJsfiddle(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M28.104 15a7 7 0 0 0 .027-.557c0-5.177-4.256-9.375-9.511-9.375a9.51 9.51 0 0 0-8.589 5.344a4.4 4.4 0 0 0-2.676-.907c-2.428 0-4.391 1.932-4.391 4.317q.001.68.197 1.292A6.31 6.31 0 0 0 0 20.573c0 3.468 2.833 6.287 6.344 6.339h19c.12 0 .24.02.359.02c3.48 0 6.303-2.776 6.303-6.219A6.21 6.21 0 0 0 28.126 15zM8.588 22.136c-.64-.579-1.041-1.276-1.197-2.105a4.5 4.5 0 0 1-.084-.869c0-1.183.433-2.151 1.292-2.916q1.288-1.157 3.271-1.157c1.36 0 2.641.511 3.776 1.532c.281.249.557.536.819.853l1.453 1.715c.255.343.52.635.801.891c.751.671 1.563 1.009 2.251 1.009q.873-.002 1.457-.536c.328-.307.537-.719.579-1.167l.011-.197c0-.188-.032-.376-.089-.552a2.03 2.03 0 0 0-1.973-1.339c-.724 0-1.443.244-2.235 1.009l-1.287-1.52l-.14-.172c1.14-1.104 2.26-1.521 3.781-1.521c1.339 0 2.437.38 3.249 1.141l.027.02c.859.761 1.276 1.74 1.276 2.943c0 .281-.021.584-.079.839c-.161.824-.563 1.5-1.183 2.084a4.3 4.3 0 0 1-2.276 1.077a6.5 6.5 0 0 1-.943.057c-1.375 0-2.676-.5-3.776-1.495a8.5 8.5 0 0 1-.859-.921l-1.459-1.699a5.4 5.4 0 0 0-.781-.9c-.74-.677-1.557-1-2.276-1c-.208 0-.416.031-.62.083c-.312.079-.604.24-.839.459a1.83 1.83 0 0 0-.583 1.344c0 .515.183.957.563 1.312l.02.027c.401.359.901.536 1.48.536c.739 0 1.457-.26 2.235-1.021l1.28 1.5l.141.161c-1.161 1.12-2.276 1.537-3.74 1.537c-1.339 0-2.437-.38-3.276-1.141z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M28.104 15a7 7 0 0 0 .027-.557c0-5.177-4.256-9.375-9.511-9.375a9.51 9.51 0 0 0-8.589 5.344a4.4 4.4 0 0 0-2.676-.907c-2.428 0-4.391 1.932-4.391 4.317q.001.68.197 1.292A6.31 6.31 0 0 0 0 20.573c0 3.468 2.833 6.287 6.344 6.339h19c.12 0 .24.02.359.02c3.48 0 6.303-2.776 6.303-6.219A6.21 6.21 0 0 0 28.126 15zM8.588 22.136c-.64-.579-1.041-1.276-1.197-2.105a4.5 4.5 0 0 1-.084-.869c0-1.183.433-2.151 1.292-2.916q1.288-1.157 3.271-1.157c1.36 0 2.641.511 3.776 1.532c.281.249.557.536.819.853l1.453 1.715c.255.343.52.635.801.891c.751.671 1.563 1.009 2.251 1.009q.873-.002 1.457-.536c.328-.307.537-.719.579-1.167l.011-.197c0-.188-.032-.376-.089-.552a2.03 2.03 0 0 0-1.973-1.339c-.724 0-1.443.244-2.235 1.009l-1.287-1.52l-.14-.172c1.14-1.104 2.26-1.521 3.781-1.521c1.339 0 2.437.38 3.249 1.141l.027.02c.859.761 1.276 1.74 1.276 2.943c0 .281-.021.584-.079.839c-.161.824-.563 1.5-1.183 2.084a4.3 4.3 0 0 1-2.276 1.077a6.5 6.5 0 0 1-.943.057c-1.375 0-2.676-.5-3.776-1.495a8.5 8.5 0 0 1-.859-.921l-1.459-1.699a5.4 5.4 0 0 0-.781-.9c-.74-.677-1.557-1-2.276-1c-.208 0-.416.031-.62.083c-.312.079-.604.24-.839.459a1.83 1.83 0 0 0-.583 1.344c0 .515.183.957.563 1.312l.02.027c.401.359.901.536 1.48.536c.739 0 1.457-.26 2.235-1.021l1.28 1.5l.141.161c-1.161 1.12-2.276 1.537-3.74 1.537c-1.339 0-2.437-.38-3.276-1.141z"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M28.104%2015a7%207%200%200%200%20.027-.557c0-5.177-4.256-9.375-9.511-9.375a9.51%209.51%200%200%200-8.589%205.344a4.4%204.4%200%200%200-2.676-.907c-2.428%200-4.391%201.932-4.391%204.317q.001.68.197%201.292A6.31%206.31%200%200%200%200%2020.573c0%203.468%202.833%206.287%206.344%206.339h19c.12%200%20.24.02.359.02c3.48%200%206.303-2.776%206.303-6.219A6.21%206.21%200%200%200%2028.126%2015zM8.588%2022.136c-.64-.579-1.041-1.276-1.197-2.105a4.5%204.5%200%200%201-.084-.869c0-1.183.433-2.151%201.292-2.916q1.288-1.157%203.271-1.157c1.36%200%202.641.511%203.776%201.532c.281.249.557.536.819.853l1.453%201.715c.255.343.52.635.801.891c.751.671%201.563%201.009%202.251%201.009q.873-.002%201.457-.536c.328-.307.537-.719.579-1.167l.011-.197c0-.188-.032-.376-.089-.552a2.03%202.03%200%200%200-1.973-1.339c-.724%200-1.443.244-2.235%201.009l-1.287-1.52l-.14-.172c1.14-1.104%202.26-1.521%203.781-1.521c1.339%200%202.437.38%203.249%201.141l.027.02c.859.761%201.276%201.74%201.276%202.943c0%20.281-.021.584-.079.839c-.161.824-.563%201.5-1.183%202.084a4.3%204.3%200%200%201-2.276%201.077a6.5%206.5%200%200%201-.943.057c-1.375%200-2.676-.5-3.776-1.495a8.5%208.5%200%200%201-.859-.921l-1.459-1.699a5.4%205.4%200%200%200-.781-.9c-.74-.677-1.557-1-2.276-1c-.208%200-.416.031-.62.083c-.312.079-.604.24-.839.459a1.83%201.83%200%200%200-.583%201.344c0%20.515.183.957.563%201.312l.02.027c.401.359.901.536%201.48.536c.739%200%201.457-.26%202.235-1.021l1.28%201.5l.141.161c-1.161%201.12-2.276%201.537-3.74%201.537c-1.339%200-2.437-.38-3.276-1.141z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M28.104%2015a7%207%200%200%200%20.027-.557c0-5.177-4.256-9.375-9.511-9.375a9.51%209.51%200%200%200-8.589%205.344a4.4%204.4%200%200%200-2.676-.907c-2.428%200-4.391%201.932-4.391%204.317q.001.68.197%201.292A6.31%206.31%200%200%200%200%2020.573c0%203.468%202.833%206.287%206.344%206.339h19c.12%200%20.24.02.359.02c3.48%200%206.303-2.776%206.303-6.219A6.21%206.21%200%200%200%2028.126%2015zM8.588%2022.136c-.64-.579-1.041-1.276-1.197-2.105a4.5%204.5%200%200%201-.084-.869c0-1.183.433-2.151%201.292-2.916q1.288-1.157%203.271-1.157c1.36%200%202.641.511%203.776%201.532c.281.249.557.536.819.853l1.453%201.715c.255.343.52.635.801.891c.751.671%201.563%201.009%202.251%201.009q.873-.002%201.457-.536c.328-.307.537-.719.579-1.167l.011-.197c0-.188-.032-.376-.089-.552a2.03%202.03%200%200%200-1.973-1.339c-.724%200-1.443.244-2.235%201.009l-1.287-1.52l-.14-.172c1.14-1.104%202.26-1.521%203.781-1.521c1.339%200%202.437.38%203.249%201.141l.027.02c.859.761%201.276%201.74%201.276%202.943c0%20.281-.021.584-.079.839c-.161.824-.563%201.5-1.183%202.084a4.3%204.3%200%200%201-2.276%201.077a6.5%206.5%200%200%201-.943.057c-1.375%200-2.676-.5-3.776-1.495a8.5%208.5%200%200%201-.859-.921l-1.459-1.699a5.4%205.4%200%200%200-.781-.9c-.74-.677-1.557-1-2.276-1c-.208%200-.416.031-.62.083c-.312.079-.604.24-.839.459a1.83%201.83%200%200%200-.583%201.344c0%20.515.183.957.563%201.312l.02.027c.401.359.901.536%201.48.536c.739%200%201.457-.26%202.235-1.021l1.28%201.5l.141.161c-1.161%201.12-2.276%201.537-3.74%201.537c-1.339%200-2.437-.38-3.276-1.141z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/jsfiddle.svg?color=%231a73e8&size=48
