Ícone Caldotcom

simple-icons:caldotcom

O ícone Caldotcom (simple-icons:caldotcom) é um ícone SVG gratuito da coleção Simple Icons de Simple Icons Collaborators. Ele é desenhado em uma grade de 24 × 24. Simple Icons são publicados sob a licença CC0 1.0, 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: Simple Icons
Autor: Simple Icons Collaborators
Licença: CC0-1.0
Tamanho: 24 × 24

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M2.408 14.488C1.035 14.488 0 13.4 0 12.058c0-1.346.982-2.443 2.408-2.443c.758 0 1.282.233 1.691.765l-.66.55a1.34 1.34 0 0 0-1.03-.442c-.93 0-1.44.711-1.44 1.57s.559 1.557 1.44 1.557c.413 0 .765-.147 1.043-.443l.651.573c-.391.51-.929.743-1.695.743m4.54-3.575h.89v3.49h-.89v-.51c-.185.362-.493.604-1.083.604c-.943 0-1.695-.82-1.695-1.826s.752-1.825 1.695-1.825c.585 0 .898.241 1.083.604zm.026 1.758c0-.546-.374-.998-.964-.998c-.568 0-.938.457-.938.998c0 .528.37.998.938.998c.586 0 .964-.456.964-.998m1.493-3.168h.89v4.895h-.89zm1.285 4.434a.53.53 0 0 1 .542-.528c.313 0 .533.242.533.528a.527.527 0 0 1-.533.537a.534.534 0 0 1-.542-.537m4.478-.098c-.33.403-.832.658-1.426.658a1.806 1.806 0 0 1-1.84-1.826c0-1.007.778-1.825 1.84-1.825c.572 0 1.07.241 1.4.622l-.687.577c-.172-.215-.396-.376-.713-.376c-.568 0-.938.456-.938.998c0 .541.37.997.938.997c.343 0 .58-.179.757-.42zm.075-1.168c0-1.007.78-1.825 1.84-1.825s1.84.818 1.84 1.825a1.806 1.806 0 0 1-1.84 1.826c-1.06-.005-1.84-.82-1.84-1.826m2.778 0c0-.546-.37-.998-.938-.998c-.568-.004-.937.452-.937.998c0 .542.37.998.937.998s.938-.456.938-.998M24 12.269v2.13h-.89v-1.911c0-.604-.281-.864-.704-.864c-.396 0-.678.197-.678.864v1.91h-.89v-1.91c0-.604-.285-.864-.704-.864c-.396 0-.744.197-.744.864v1.91h-.89v-3.49h.89v.484c.185-.376.52-.564 1.035-.564c.489 0 .898.241 1.123.649c.224-.417.554-.65 1.153-.65c.731.005 1.299.56 1.299 1.442"/></svg>

Como usar o ícone Caldotcom

React

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

<Icon icon="simple-icons:caldotcom" width="24" />

Vue

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

<template>
  <Icon icon="simple-icons:caldotcom" width="24" />
</template>

Svelte

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

<Icon icon="simple-icons:caldotcom" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="simple-icons:caldotcom"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/simple-icons/caldotcom.svg" alt="Ícone Caldotcom" width="24" height="24">

O ícone Caldotcom em outras coleções

Perguntas frequentes sobre Ícone Caldotcom

O ícone Caldotcom é grátis para uso comercial?

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

Como uso o ícone Caldotcom no React?

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

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

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

Ver todos os Simple Icons →