ICONYZ
Español
Icono Jolie de File Icons

Icono Jolie

file-icons:jolie

El icono Jolie (file-icons:jolie) es un icono SVG gratuito de la colección File Icons de John Gardner. Está dibujado en una cuadrícula de 512 × 512. File Icons se publican bajo la licencia ISC, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección
File Icons
Autor
John Gardner
Licencia
ISC
Tamaño
512 × 512
Descargar 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>

Cómo usar el icono 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>

Imagen HTML

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

Preguntas frecuentes sobre Icono Jolie

¿El icono Jolie es gratis para uso comercial?

Sí. File Icons se publican bajo la licencia ISC, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Jolie en React?

Instala @iconify/react y renderiza <Icon icon="file-icons:jolie" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Jolie a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/file-icons/jolie.svg" alt="Icono Jolie">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los File Icons →