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