Иконка Caldotcom

simple-icons:caldotcom

Иконка Caldotcom (simple-icons:caldotcom) — бесплатная SVG-иконка из набора Simple Icons от Simple Icons Collaborators. Она нарисована на сетке 24 × 24. Simple Icons выпущены под лицензией CC0 1.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Simple Icons
Автор: Simple Icons Collaborators
Лицензия: CC0-1.0
Размер: 24 × 24

Скачать SVG

Код 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>

Как использовать иконку 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>

Веб-компонент

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

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

Изображение HTML

<img src="https://iconyz.com/api/public/svg/simple-icons/caldotcom.svg" alt="Иконка Caldotcom" width="24" height="24">

Иконка Caldotcom в других наборах

Вопросы и ответы: Иконка Caldotcom

Можно ли бесплатно использовать иконку Caldotcom в коммерческих проектах?

Да. Simple Icons выпущены под лицензией CC0 1.0, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Caldotcom в React?

Установите @iconify/react и выведите <Icon icon="simple-icons:caldotcom" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Caldotcom на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/simple-icons/caldotcom.svg" alt="Иконка Caldotcom">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Simple Icons →