Ícone Calendly

thesvg-color:calendly

O ícone Calendly (thesvg-color:calendly) é um ícone SVG gratuito da coleção theSVG Color de thesvg.org. Ele é desenhado em uma grade de 842 × 595. theSVG Color 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: theSVG Color
Autor: thesvg.org
Licença: MIT
Tamanho: 842 × 595

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="842" height="595" viewBox="0 0 842 595"><defs><path id="SVGhusBEc7M" fill="#5fc2d6" d="M585.25 253.26c-5.23.83-10.59 1.26-16.09 1.26c-35.29 0-48.55-11.52-63.89-24.86c-14.79-12.86-33.19-28.86-66.71-28.86h-20.01c-24.22 0-46.25 8.62-62.01 24.28c-15.39 15.3-23.89 36.22-23.89 58.94v26.87c0 22.72 8.48 43.66 23.89 58.94c15.77 15.66 37.79 24.28 62.01 24.28h20.01c33.51 0 51.92-16.01 66.71-28.86c15.34-13.34 28.59-24.86 63.89-24.86c5.48 0 10.86.43 16.09 1.26c3.08-7.52 5.32-15.28 6.77-23.14c.03-.13.04-.26.07-.39c-7.48-1.36-15.15-2.06-22.92-2.06c-81.1 0-76.88 53.72-130.59 53.72h-20.01c-36.86 0-61.09-25.83-61.09-58.89v-26.87c0-33.06 24.22-58.89 61.09-58.89h20.01c53.71 0 49.5 53.72 130.59 53.72c7.77 0 15.45-.7 22.92-2.06c-.03-.13-.04-.25-.07-.38c-1.43-7.85-3.69-15.61-6.77-23.15"/></defs><path fill="#3664ae" d="M505.27 365.28c-14.79 12.86-33.19 28.86-66.71 28.86h-20.01c-24.22 0-46.25-8.62-62.01-24.28c-15.39-15.3-23.89-36.22-23.89-58.94v-26.87c0-22.72 8.48-43.66 23.89-58.94c15.77-15.66 37.79-24.28 62.01-24.28h20.01c33.51 0 51.92 16 66.71 28.86c15.34 13.34 28.59 24.86 63.89 24.86c5.48 0 10.86-.43 16.09-1.26c-.04-.11-.08-.2-.12-.3c-2.1-5.1-4.57-10.12-7.42-14.96l-23.6-40.1c-21.65-36.8-61.68-59.46-104.98-59.46h-47.21c-43.3 0-83.33 22.67-104.98 59.46l-23.6 40.1c-21.65 36.8-21.65 82.12 0 118.91l23.6 40.1c21.65 36.8 61.68 59.45 104.98 59.45h47.21c43.3 0 83.33-22.67 104.98-59.45l23.6-40.1c2.85-4.85 5.32-9.85 7.42-14.95c.04-.11.08-.2.12-.3c-5.23-.83-10.59-1.26-16.09-1.26c-35.29-.01-48.55 11.51-63.89 24.85"/><path fill="#3664ae" d="M438.57 225.16h-20.01c-36.86 0-61.09 25.83-61.09 58.89v26.87c0 33.06 24.22 58.89 61.09 58.89h20.01c53.71 0 49.49-53.72 130.59-53.72c7.77 0 15.45.7 22.92 2.06a116.5 116.5 0 0 0 0-41.31c-7.48 1.36-15.15 2.06-22.92 2.06c-81.1-.01-76.88-53.74-130.59-53.74"/><path fill="#3664ae" d="M638.66 337.76c-13.85-10.02-29.74-16.56-46.59-19.64c-.03.13-.04.26-.07.39c-1.44 7.87-3.69 15.62-6.77 23.14c14.22 2.26 27.32 7.5 38.52 15.55c-.04.12-.07.24-.11.37c-6.46 20.57-16.2 39.96-28.93 57.6c-12.58 17.42-27.79 32.76-45.22 45.57c-36.18 26.62-79.27 40.68-124.63 40.68c-28.08 0-55.31-5.39-80.94-16.02c-24.75-10.27-46.99-24.98-66.11-43.73c-19.11-18.75-34.1-40.56-44.57-64.85c-10.83-25.14-16.33-51.85-16.33-79.4s5.5-54.26 16.33-79.4c10.47-24.28 25.46-46.1 44.57-64.85s41.35-33.45 66.11-43.73c25.62-10.63 52.85-16.02 80.94-16.02c45.36 0 88.45 14.06 124.63 40.68c17.43 12.82 32.63 28.15 45.22 45.57c12.73 17.65 22.47 37.04 28.93 57.6c.04.13.08.25.11.37c-11.19 8.04-24.3 13.3-38.52 15.55c3.08 7.53 5.34 15.3 6.77 23.17c.03.13.04.25.07.38c16.85-3.08 32.73-9.62 46.59-19.64c13.28-9.64 10.71-20.53 8.69-26.99c-29.27-93.21-117.8-160.99-222.48-160.99c-128.55 0-232.75 102.22-232.75 228.32s104.21 228.32 232.75 228.32c104.68 0 193.21-67.79 222.48-161.05c2.03-6.42 4.61-17.3-8.69-26.95"/><use href="#SVGhusBEc7M"/><use href="#SVGhusBEc7M"/></svg>

Como usar o ícone Calendly

React

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

<Icon icon="thesvg-color:calendly" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:calendly" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:calendly" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--calendly]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:calendly"></div>

Web component

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

<iconify-icon icon="thesvg-color:calendly"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/thesvg-color/calendly.svg" alt="Ícone Calendly" width="24" height="24">

O ícone Calendly em outras coleções

Perguntas frequentes sobre Ícone Calendly

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

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

Como uso o ícone Calendly no React?

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

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

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

Ver todos os Ícones theSVG Color →