ICONYZ
Português (Brasil)
Ícone Timer Fill de Framework7 Icons

Ícone Timer Fill

f7:timer-fill

O ícone Timer Fill (f7:timer-fill) é um ícone SVG gratuito da coleção Framework7 Icons de Vladimir Kharlampidi. Ele é desenhado em uma grade de 56 × 56. Framework7 Icons são publicados sob a licença MIT, 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
Framework7 Icons
Autor
Vladimir Kharlampidi
Licença
MIT
Tamanho
56 × 56
Tags
timerfill
Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56"><path fill="currentColor" fill-rule="evenodd" d="M28 51.906C14.797 51.906 4.094 41.203 4.094 28S14.797 4.094 28 4.094S51.906 14.797 51.906 28S41.203 51.906 28 51.906M28 7.92c11.09 0 20.081 8.99 20.081 20.081S39.091 48.081 28 48.081S7.919 39.091 7.919 28a20.02 20.02 0 0 1 6.185-14.497q.216-.207.558-.507l.092-.071a.93.93 0 0 1 1.242.185l.019.023a.956.956 0 0 1-.112 1.318q-.327.288-.53.485A18.1 18.1 0 0 0 9.83 28c0 10.034 8.135 18.169 18.169 18.169S46.169 38.034 46.169 28S38.034 9.831 28 9.831v8.606a.956.956 0 1 1-1.913 0V8.875a.956.956 0 0 1 1.127-.941q.39-.015.786-.015M17.031 18.438c-.82-1.172.399-2.391 1.57-1.57L31 25.515c2.227 1.547 2.601 4.172.75 6.093c-1.899 1.852-4.523 1.453-6.07-.773Z"/></svg>

Como usar o ícone Timer Fill

React

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

<Icon icon="f7:timer-fill" width="24" />

Vue

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

<template>
  <Icon icon="f7:timer-fill" width="24" />
</template>

Svelte

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

<Icon icon="f7:timer-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[f7--timer-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/f7 -->
<div class="i-f7:timer-fill"></div>

Web component

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

<iconify-icon icon="f7:timer-fill"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/f7/timer-fill.svg" alt="Ícone Timer Fill" width="24" height="24">

Ícones relacionados em Framework7 Icons

Ícone timer
timer

O ícone Timer Fill em outras coleções

Ícone Timer Fill de Phosphor
Phosphor
 Ícone Timer Fill de Remix Icon
Remix Icon
 Ícone Timer Fill de Keyline Icons
Keyline Icons

Perguntas frequentes sobre Ícone Timer Fill

O ícone Timer Fill é grátis para uso comercial?

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

Como uso o ícone Timer Fill no React?

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

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

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

Ver todos os Framework7 Icons →