ICONYZ
Français
Icône Calculator Outlined de Ant Design Icons

Icône Calculator Outlined

ant-design:calculator-outlined

L'icône Calculator Outlined (ant-design:calculator-outlined) est une icône SVG gratuite de la collection Ant Design Icons par HeskeyBaozi. Elle est dessinée sur une grille de 1024 × 1024. Les Ant Design Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection
Ant Design Icons
Auteur
HeskeyBaozi
Licence
MIT
Taille
1024 × 1024
Mots-clés
calculatoroutlined, calculator, calculator outline
Télécharger le SVG

Code 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>

Comment utiliser l'icône 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>

Image HTML

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

Icônes similaires dans Ant Design Icons

FAQ : Icône Calculator Outlined

L'icône Calculator Outlined est-elle gratuite pour un usage commercial ?

Oui. Les Ant Design Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône Calculator Outlined dans React ?

Installez @iconify/react et affichez <Icon icon="ant-design:calculator-outlined" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Calculator Outlined à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/ant-design/calculator-outlined.svg" alt="Icône Calculator Outlined">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Ant Design Icons →