Иконка Jolie

file-icons:jolie

Иконка Jolie (file-icons:jolie) — бесплатная SVG-иконка из набора File Icons от John Gardner. Она нарисована на сетке 512 × 512. File Icons выпущены под лицензией ISC, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: File Icons
Автор: John Gardner
Лицензия: ISC
Размер: 512 × 512

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M346.747 44.65c76.194-9.395 128.042-34.726 149.398-28.086c4.491 2.296 3.368 16.915-9.119 20.037c-6.3 1.575-98.348 33.346-189.644 60.874C207.72 124.51 118.916 147.3 98.147 149.833C56.23 154.945 0 237.757 0 237.757c27.604-53.163 50.096-134.952 193.226-174.824c44.08-11.605 110.13-12.934 153.52-18.284M14.087 459.592s24.37-84.288 37.46-131.112c5.35-19.138 21.766-61.036 71.8-69.458C280.993 232.49 512 191.906 512 191.906c-1.75 56.031-22.054 83.362-54.582 96.765c-85.4 153.453-213.048 244.764-408.992 193.555c-31.004-7.11-35.496-13.848-34.34-22.633m33.558 6.244c75.705 15.294 294.519 26.832 389.942-170.94c-25.533 5.974-56.324 6.643-90.3 6.868c-2.943 37.527-18.635 97.491-88.926 96.955c-68.995-.527-84.672-49.033-87.574-80.522C64.99 345.816 42.45 399.908 34.377 429.157c-5.463 19.799 7.036 32.25 13.268 36.68M276.97 303.022c.334 13.78 3.955 42.063 28.217 40.287c22.39-1.638 22.616-26.583 20.733-41.417c-15.824.114-32.204.343-48.95 1.13"/></svg>

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

React

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

<Icon icon="file-icons:jolie" width="24" />

Vue

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

<template>
  <Icon icon="file-icons:jolie" width="24" />
</template>

Svelte

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

<Icon icon="file-icons:jolie" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="file-icons:jolie"></iconify-icon>

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

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

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

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

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

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

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

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

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

Все File Icons →