Иконка Cup Updates
selfhst:cup-updates
Иконка Cup Updates (selfhst:cup-updates) — бесплатная SVG-иконка из набора selfh.st/icons от selfh.st. Она нарисована на сетке 512 × 512. selfh.st/icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- selfh.st/icons
- Автор
- selfh.st
- Лицензия
- CC-BY-4.0
- Размер
- 512 × 512
- Теги
- cupupdates, update
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#a6cfd6" d="M224.6 59.7c-74.5-2.2-147.2 23.7-147.5 60.8c-.2 22 5.8 78.8 15.3 206.2s9.5 142.2 14.8 148S149.6 512 216.3 512s109.8-27.2 114.1-34.1c2-3.3 7.8-75.8 14.8-157c7.7-88.3 16.6-185.9 16.9-190.9c1-14.8-14.3-66.6-137.5-70.3"/><path fill="#dcedf6" d="M124.1 177.2c-.5 2.6 5.2 102.3 9.8 118.3c8.4 29.3 39.4 31.3 43.3 17.6c3.8-13-1.6-124.1-1.6-124.1s-15.5-1.3-27.2-3.6c-13.2-2.6-24.3-8.2-24.3-8.2"/><path fill="#6ca4ae" d="M91.7 123.5c-1.1 37.4 84.8 52 127.9 51.8c57.4-.4 124.9-18.2 126.2-49.6s-60.1-51-128.7-51c-58.2 0-124.5 17.3-125.4 48.8"/><path fill="#dc0d27" d="M308.2 40.8c-2.5 2.7-41 130.2-41 130.2s8.5-1.4 16.9-3.3c11.1-2.6 15.9-4.5 15.9-4.5s30.5-94 32.4-97.8s91.5-32.2 94.5-33.6s5.9-1.7 6.2-3.3S423.2 0 420 0c-3.3 0-106.6 35.1-111.8 40.8"/><path fill="#8a1f0f" d="M417 18.3c4.4 11.6 11.9 13.1 15 11.7c1.9-.8 5.3-7.8 0-18.9c-4.2-8.9-9.2-11.6-12.4-11.1c-3.1.6-6.2 8.8-2.6 18.3M338.2 63c-.9 0-1.9-.5-2.5-1.3l-16.9-24.4c-.9-1.4-.6-3.2.8-4.1s3.2-.6 4.1.8l16.9 24.4c.9 1.4.6 3.2-.8 4.1c-.4.3-1 .5-1.6.5m-7 4.6c-.8 0-1.5-.3-2.1-.8l-22.3-21.7c-1.2-1.1-1.2-3 0-4.2c1.1-1.2 3-1.2 4.2 0l22.3 21.7c1.2 1.1 1.2 3 0 4.2c-.6.5-1.4.8-2.1.8m-4 7.6c-.5 0-1.1-.1-1.5-.4L302 60.4c-1.4-.8-1.9-2.7-1-4.1c.8-1.4 2.7-1.9 4.1-1l23.7 14.4c1.4.8 1.9 2.7 1 4.1c-.6.9-1.5 1.4-2.6 1.4"/></svg>Как использовать иконку Cup Updates
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:cup-updates" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:cup-updates" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:cup-updates" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--cup-updates]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:cup-updates"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:cup-updates"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/selfhst/cup-updates.svg" alt="Иконка Cup Updates" width="24" height="24">Похожие иконки в наборе selfh.st/icons
Вопросы и ответы: Иконка Cup Updates
Можно ли бесплатно использовать иконку Cup Updates в коммерческих проектах?
Да. selfh.st/icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Cup Updates в React?
Установите @iconify/react и выведите <Icon icon="selfhst:cup-updates" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Cup Updates на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/selfhst/cup-updates.svg" alt="Иконка Cup Updates">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.