Иконка Jsfiddle
cib:jsfiddle
Иконка Jsfiddle (cib:jsfiddle) — бесплатная SVG-иконка из набора CoreUI Brands от creativeLabs Łukasz Holeczek. Она нарисована на сетке 32 × 32. CoreUI Brands icons выпущены под лицензией CC0 1.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- CoreUI Brands
- Автор
- creativeLabs Łukasz Holeczek
- Лицензия
- CC0-1.0
- Размер
- 32 × 32
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" 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>
Как использовать иконку Jsfiddle
React
import { Icon } from "@iconify/react";
<Icon icon="cib:jsfiddle" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cib:jsfiddle" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cib:jsfiddle" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cib--jsfiddle]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cib -->
<div class="i-cib:jsfiddle"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cib:jsfiddle"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/cib/jsfiddle.svg" alt="Иконка Jsfiddle" width="24" height="24">
Иконка Jsfiddle в других наборах
Вопросы и ответы: Иконка Jsfiddle
Можно ли бесплатно использовать иконку Jsfiddle в коммерческих проектах?
Да. CoreUI Brands icons выпущены под лицензией CC0 1.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Jsfiddle в React?
Установите @iconify/react и выведите <Icon icon="cib:jsfiddle" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Jsfiddle на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/cib/jsfiddle.svg" alt="Иконка Jsfiddle">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки CoreUI Brands →
ICONYZ
