Иконка Jsfiddle

simple-icons:jsfiddle

Иконка Jsfiddle (simple-icons:jsfiddle) — бесплатная SVG-иконка из набора Simple Icons от Simple Icons Collaborators. Она нарисована на сетке 24 × 24. Simple Icons выпущены под лицензией CC0 1.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Simple Icons
Автор: Simple Icons Collaborators
Лицензия: CC0-1.0
Размер: 24 × 24

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M13.9 3.602c-2.749 0-5.103 1.544-6.35 3.779c-.536-.317-1.139-.54-1.806-.54c-1.981 0-3.6 1.606-3.6 3.579c0 .263.063.513.118.762C.912 12.09 0 13.602 0 15.344c0 2.763 2.241 5.012 5.008 5.054h14.008c2.746.017 4.984-2.206 4.984-4.937c0-1.946-1.153-3.602-2.799-4.41c.003-.062.01-.115.01-.184c0-4.008-3.28-7.265-7.31-7.265zm0 .843c3.58 0 6.47 2.872 6.47 6.422c0 .115-.012.242-.02.387a.42.42 0 0 0 .26.414a4.1 4.1 0 0 1 2.546 3.793a4.094 4.094 0 0 1-4.135 4.096H5.02C2.702 19.52.844 17.653.844 15.344c0-1.545.834-2.883 2.08-3.62a.42.42 0 0 0 .187-.49a2.7 2.7 0 0 1-.125-.814a2.74 2.74 0 0 1 2.758-2.736a2.75 2.75 0 0 1 1.686.576a.42.42 0 0 0 .636-.15A6.46 6.46 0 0 1 13.9 4.444zm-5.33 6.877c-1.586 0-2.91 1.213-2.91 2.737c0 1.523 1.324 2.736 2.91 2.736c1.411 0 2.182-.931 2.496-1.266a.421.421 0 1 0-.613-.578c-.378.402-.819 1.002-1.883 1.002c-1.162 0-2.068-.86-2.068-1.894c0-1.035.906-1.895 2.068-1.895c.533 0 1.105.297 1.686.77c.372.303.737.668 1.098 1.043a.4.4 0 0 0 .085.123c.533.552 1.122 1.205 1.774 1.736s1.386.959 2.217.959c1.586 0 2.91-1.213 2.91-2.736s-1.324-2.737-2.91-2.737c-1.411 0-2.182.931-2.496 1.266a.421.421 0 1 0 .613.578c.378-.402.819-1.002 1.883-1.002c1.162 0 2.068.86 2.068 1.895c0 1.034-.906 1.894-2.068 1.894c-.533 0-1.105-.297-1.686-.77c-.372-.303-.737-.67-1.098-1.044a.4.4 0 0 0-.085-.121c-.533-.552-1.122-1.208-1.774-1.739c-.652-.53-1.386-.957-2.217-.957"/></svg>

Как использовать иконку Jsfiddle

React

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

<Icon icon="simple-icons:jsfiddle" width="24" />

Vue

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

<template>
  <Icon icon="simple-icons:jsfiddle" width="24" />
</template>

Svelte

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

<Icon icon="simple-icons:jsfiddle" width="24" />

Tailwind CSS

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

UnoCSS

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

Веб-компонент

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

<iconify-icon icon="simple-icons:jsfiddle"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/simple-icons/jsfiddle.svg" alt="Иконка Jsfiddle" width="24" height="24">

Иконка Jsfiddle в других наборах

Вопросы и ответы: Иконка Jsfiddle

Можно ли бесплатно использовать иконку Jsfiddle в коммерческих проектах?

Да. Simple Icons выпущены под лицензией CC0 1.0, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Jsfiddle в React?

Установите @iconify/react и выведите <Icon icon="simple-icons:jsfiddle" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Jsfiddle на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/simple-icons/jsfiddle.svg" alt="Иконка Jsfiddle">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Simple Icons →