Icono Self

file-icons:self

El icono Self (file-icons:self) 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="M141.086 343.907v-21.49l8.061.071c2.059 13.622 11.41 17.965 20.92 18.04c9.71 0 18.877-4.988 18.877-19.748s-17.172-19.77-26.713-25.28s-20.539-12.837-20.539-29.104s16.438-25.512 28.858-26.424s15.216-.036 30.494 3.294v20.84h-8.172c-2.49-12.26-10.308-16.993-19.336-16.993s-17.157 5.858-17.45 16.676s6.404 14.846 20.097 22.752s26.748 12.89 26.71 32.532c-.694 20.65-15.371 28.899-31.918 28.899c-11.837 0-19.775-1.355-29.889-4.065m89.06-33.167c1.756 12.345 7.988 27.637 24.036 27.607s24.386-13.407 26.446-16.975l6.57 4.956c-3.94 7.96-16.462 23.752-37.749 23.752s-35.965-19.711-35.965-48.434c0-14.227 10.55-37.04 36.502-37.04s30.44 26.268 32.795 34.492zm34.931-15.564c-2.911-8.686-7.692-24.444-22.008-22.301s-15.95 19.214-14.463 30.303zm50.956 36.83c0 9.854 5.801 9.87 8.752 10.66v4.159h-30.853v-4.16c2.334-.892 8.855-.608 8.855-10.659v-81.698c-.181-4.044-.79-8.776-10.374-8.776v-5.817h23.62m72.157 14.897h-8.296c-.448-.775-.973-7.941-9.114-7.833s-11.013 7.574-11.013 18.849v10.853h18.008v8.208h-18.008v51.317c0 9.503 5.374 10.054 8.871 10.66v4.159H337.12v-4.16c3.559-.953 8.645-1.138 8.645-10.659V280.69h-9.015v-4.035c12.421-1.977 5.975-4.978 11.142-21.504s19.475-19.435 29.737-19.435s10.56.549 10.56.549zM81.97 317.8l-9.42-14.282l60.472 20.968l-53.483 36.161l6.077-17.017c-206.353-9.908-1.516-142.25 211.731-180.035s300.686 15.664 107.395 108.786l6.938-17.484L395 248.23c183.2-97.177.608-105.704-155.23-65.556S-49.784 305.677 81.97 317.799"/></svg>

Cómo usar el icono Self

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Imagen HTML

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

Preguntas frecuentes sobre Icono Self

¿El icono Self 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 Self en React?

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

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

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

Ver todos los File Icons →