Ícone Jolie

file-icons:jolie

O ícone Jolie (file-icons:jolie) é um ícone SVG gratuito da coleção File Icons de John Gardner. Ele é desenhado em uma grade de 512 × 512. File Icons são publicados sob a licença ISC, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: File Icons
Autor: John Gardner
Licença: ISC
Tamanho: 512 × 512

Baixar SVG

Código 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>

Como usar o ícone 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>

Web component

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

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

Imagem HTML

<img src="https://iconyz.com/api/public/svg/file-icons/jolie.svg" alt="Ícone Jolie" width="24" height="24">

Perguntas frequentes sobre Ícone Jolie

O ícone Jolie é grátis para uso comercial?

Sim. File Icons são publicados sob a licença ISC, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Jolie no React?

Instale @iconify/react e renderize <Icon icon="file-icons:jolie" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Jolie a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/file-icons/jolie.svg" alt="Ícone Jolie">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os File Icons →