Ícone Pod

file-icons:pod

O ícone Pod (file-icons:pod) é 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="M199.77 496.855H35.407C15.933 496.855 0 480.922 0 461.448V36.568C0 17.094 15.933 1.16 35.407 1.16h265.55l123.924 123.924v97.343c-30.298-18.804-28.687-16.387-35.407-40.08v-39.56l-106.22-106.22H35.407v424.88H169.02c9.746 14.8 18.867 25.423 30.75 35.407M266.065 213.6H70.813v35.407h144.398c14.513-11.316 31.67-23.16 50.854-35.407M145.23 355.228H70.813v35.407h72.904c-.941-12.402-.655-24.295 1.514-35.407M70.813 107.381v35.407H212.44V107.38zm108.063 177.034H70.813v35.407h85.653c5.726-12.096 12.836-23.96 22.41-35.407m132.402-138.41c.478-2.748 11.567 3.469 11.567 8.73c-.163 23.042-2.136 40.073-3.64 51.878c-3.325 30.498-44.923 64.674-82.289 117.41c-37.221 55.444-18.078 116.958 38.428 160.547c9.84 7.59 35.846 13.947 32.819 22.152c-5.412 9.518-63.439-11.4-93.255-45.898c-38.543-44.595-67.66-132.58 58.834-209.485c11.796-11.313 22.56-16.529 34.204-47.581c2.532-6.752 3.884-32.762 3.332-57.752m23.36-23.738c2.657.848 9.039 4.981 10.607 8.38c2.496 9.918 1.555 100.59-2.52 117.322c-3.53 34.068-55.823 74.878-51.901 133.788c4.696 70.552 49.523 96.221 45.685 113.005c-14.188 10.113-79.14-60.276-77.483-117.638c-.22-68.502 60.083-80.652 71.172-151.2c2.437-25.108 2.09-89.549 4.44-103.657m15.425 367.717c-31.018-62.637-28.484-123.814-8.896-179.443c10.969-30.556 24.288-50.144 15.865-148.275c0 0 10.636-.606 11.047 4.058c.17 56.37.37 56.603 44.557 84.81c38.408 24.002 90.45 55.78 97.756 105.01c9.55 64.355-23.482 120.017-97.756 150.465c-25.123 13.851-14.151-10.202-62.573-16.625"/></svg>

Como usar o ícone Pod

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Imagem HTML

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

O ícone Pod em outras coleções

Perguntas frequentes sobre Ícone Pod

O ícone Pod é 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 Pod no React?

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

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

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

Ver todos os File Icons →