ICONYZ
Português (Brasil)
Ícone Calculator Outlined de Ant Design Icons

Ícone Calculator Outlined

ant-design:calculator-outlined

O ícone Calculator Outlined (ant-design:calculator-outlined) é um ícone SVG gratuito da coleção Ant Design Icons de HeskeyBaozi. Ele é desenhado em uma grade de 1024 × 1024. Ant Design 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
Ant Design Icons
Autor
HeskeyBaozi
Licença
MIT
Tamanho
1024 × 1024
Tags
calculatoroutlined, calculator, calculator outline
Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M251.2 387H320v68.8c0 1.8 1.8 3.2 4 3.2h48c2.2 0 4-1.4 4-3.3V387h68.8c1.8 0 3.2-1.8 3.2-4v-48c0-2.2-1.4-4-3.3-4H376v-68.8c0-1.8-1.8-3.2-4-3.2h-48c-2.2 0-4 1.4-4 3.2V331h-68.8c-1.8 0-3.2 1.8-3.2 4v48c0 2.2 1.4 4 3.2 4m328 0h193.6c1.8 0 3.2-1.8 3.2-4v-48c0-2.2-1.4-4-3.3-4H579.2c-1.8 0-3.2 1.8-3.2 4v48c0 2.2 1.4 4 3.2 4m0 265h193.6c1.8 0 3.2-1.8 3.2-4v-48c0-2.2-1.4-4-3.3-4H579.2c-1.8 0-3.2 1.8-3.2 4v48c0 2.2 1.4 4 3.2 4m0 104h193.6c1.8 0 3.2-1.8 3.2-4v-48c0-2.2-1.4-4-3.3-4H579.2c-1.8 0-3.2 1.8-3.2 4v48c0 2.2 1.4 4 3.2 4m-195.7-81l61.2-74.9c4.3-5.2.7-13.1-5.9-13.1H388c-2.3 0-4.5 1-5.9 2.9l-34 41.6l-34-41.6a7.85 7.85 0 0 0-5.9-2.9h-50.9c-6.6 0-10.2 7.9-5.9 13.1l61.2 74.9l-62.7 76.8c-4.4 5.2-.8 13.1 5.8 13.1h50.8c2.3 0 4.5-1 5.9-2.9l35.5-43.5l35.5 43.5c1.5 1.8 3.7 2.9 5.9 2.9h50.8c6.6 0 10.2-7.9 5.9-13.1zM880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32m-36 732H180V180h664z"/></svg>

Como usar o ícone Calculator Outlined

React

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

<Icon icon="ant-design:calculator-outlined" width="24" />

Vue

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

<template>
  <Icon icon="ant-design:calculator-outlined" width="24" />
</template>

Svelte

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

<Icon icon="ant-design:calculator-outlined" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ant-design--calculator-outlined]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ant-design -->
<div class="i-ant-design:calculator-outlined"></div>

Web component

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

<iconify-icon icon="ant-design:calculator-outlined"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/ant-design/calculator-outlined.svg" alt="Ícone Calculator Outlined" width="24" height="24">

Ícones relacionados em Ant Design Icons

Perguntas frequentes sobre Ícone Calculator Outlined

O ícone Calculator Outlined é grátis para uso comercial?

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

Como uso o ícone Calculator Outlined no React?

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

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

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

Ver todos os Ant Design Icons →