Latino icon

file-icons:latino

The Latino icon (file-icons:latino) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 512 × 512 grid. File Icons are released under the ISC license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: File Icons
Author: John Gardner
License: ISC
Size: 512 × 512

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M512 27.416C385.284 95.91 390.421 97.623 385.284 89.06C381.86 75.361 376.722 82.21 512 27.415M135.278 306.533c34.247-29.11 78.769-25.686 75.344-42.81c-34.247 13.7-51.371 10.275-75.344 42.81m-35.96-11.987c42.81-29.11 104.455-20.548 99.317-44.521c-44.521 13.699-70.207 11.986-99.317 44.521M59.933 275.71c42.81-29.11 128.428-13.699 130.14-42.81c-59.933 18.837-89.043 6.85-130.14 42.81m-37.672-20.548c42.81-29.11 157.538-8.562 166.1-46.234c-59.933 18.836-125.003 8.562-166.1 46.234M0 227.764c42.81-29.11 184.936-3.425 191.786-41.097C133.566 203.79 41.097 190.09 0 227.764m109.592-53.084c42.81-13.699 83.906 8.562 85.619-8.562c-35.96-3.424-51.372-13.699-85.619 8.562m-35.96-27.398c51.371-8.562 111.304 23.973 116.442 0c-47.947-6.85-75.345-18.836-116.442 0m-29.11-49.659c53.083-1.712 125.003 61.646 135.277 32.535c-61.645-8.561-82.194-49.658-135.277-32.535M32.535 65.088c66.783 3.425 128.428 77.057 150.69 46.234C123.29 90.774 94.18 56.526 32.534 65.088m-1.712-47.946c73.632 15.411 128.428 101.03 167.812 82.194C152.401 75.362 95.893 15.429 30.823 17.142m184.936 306.515c-23.973-25.686 22.261-58.221 29.11-35.96c3.425 11.987-25.685 25.686-15.41 6.85c0-6.85-20.55 5.136-8.563 15.41c15.412 11.987 42.81-15.41 32.535-29.11c-23.973-30.822-75.344 27.398-39.384 54.796c25.685 18.836 41.097-35.96 107.88-66.782c89.043-46.234 58.22-114.73 58.22-114.73c-10.274-25.685-10.274-11.986-42.81 0c-35.959 11.987-54.795 54.797-32.534 75.345c23.973 18.836 71.92-42.81 30.822-47.946c-8.561 5.137 15.412 8.562 1.713 25.685c-25.686 29.11-49.659-17.123-3.425-37.672c27.398-10.274 30.823-20.548 34.248-11.987c22.26 53.084-54.796 113.017-68.495 77.057c-3.425-8.562-56.509 30.823-42.81 32.535c37.672 6.85-23.973 71.92-41.097 56.509m166.1-244.87c-32.535-27.398-102.742 6.85-75.344 71.92c66.783 8.562 80.482-51.371 80.482-51.371c-11.987-11.987-5.137-20.549-5.137-20.549m-47.946 27.398c-1.712-8.562 13.7-23.973 23.973-18.836c6.85 13.7-17.123 25.686-23.973 18.836m18.836-13.699c3.425 5.137-5.137 10.274-8.562 6.85c-1.712-3.425 5.137-10.275 8.562-6.85M202.06 321.944c-13.699 10.275-27.398 42.81-54.796 44.522c30.823-13.699 42.81-61.645 54.796-44.522m3.425 10.275c-10.274 10.274-27.398 61.645-61.646 71.92c35.96-23.974 51.372-89.044 61.646-71.92m6.85 8.561c-13.7 11.987-18.837 75.345-49.66 95.893c30.823-44.521 34.248-111.304 49.66-95.893m6.849 3.425c-6.85 15.412-3.425 80.482-34.248 125.004c29.11-75.345 13.7-135.278 34.248-125.004m8.562 0c1.712 20.549 6.85 113.017-8.562 150.69c15.411-66.783-15.411-148.977 8.562-150.69m-27.398-109.592c25.685 85.619 92.468-34.247 101.03-78.769c-78.77 46.234-116.442-1.712-101.03 78.77m27.398-15.411c-8.562-39.385 13.699-17.124 54.796-39.385c-5.137 20.549-41.097 82.194-54.796 39.385m-37.672-101.03c-13.7 23.973 15.41 27.398 17.123 51.371c39.385 0 53.084-1.712 94.181-18.836c-89.044-17.124-82.194-75.345-111.304-32.535m30.822 41.097c-3.424-11.987-15.411-15.412-8.562-23.973c13.7-18.837 11.987 10.274 58.221 17.123c-20.548 6.85-29.11 6.85-49.659 6.85"/></svg>

How to use the Latino icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

<img src="https://iconyz.com/api/public/svg/file-icons/latino.svg" alt="Latino icon" width="24" height="24">

Latino icon FAQ

Is the Latino icon free for commercial use?

Yes. File Icons are released under the ISC license, which allows use in personal and commercial projects.

How do I use the Latino icon in React?

Install @iconify/react and render <Icon icon="file-icons:latino" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Latino icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/latino.svg" alt="Latino icon">, or paste the SVG code inline to style it with CSS.

Browse all File Icons →