Иконка Day Bold
glyphs:day-bold
Иконка Day Bold (glyphs:day-bold) — бесплатная SVG-иконка из набора Glyphs от Goran Spasojevic. Она нарисована на сетке 80 × 80. Glyphs icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Glyphs
- Автор
- Goran Spasojevic
- Лицензия
- MIT
- Размер
- 80 × 80
- Теги
- daybold
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><path fill="currentColor" d="M34.006 10A2 2 0 0 1 36 12.006l-.025 8.009a2 2 0 0 1-4-.013L32 11.994A2 2 0 0 1 34.006 10m-16.459 5.344a2 2 0 0 1 2.792.451l4.687 6.494a2 2 0 1 1-3.243 2.34l-4.687-6.493a2 2 0 0 1 .451-2.792m43.081 13.998a2 2 0 0 1-1.277 2.524l-4.168 1.368a2 2 0 0 1-1.248-3.8l4.168-1.369a2 2 0 0 1 2.525 1.277m-53.26.012a2 2 0 0 1 2.517-1.293l7.624 2.451a2 2 0 0 1-1.224 3.809L8.66 31.87a2 2 0 0 1-1.292-2.517M18.8 42.971a2 2 0 0 1-1.291 2.516l-7.624 2.451A2 2 0 0 1 8.66 44.13l7.625-2.45a2 2 0 0 1 2.515 1.29m1.38 14.064a2 2 0 0 1 .434 2.795l-.282.386a2 2 0 0 1-3.229-2.361l.282-.386a2 2 0 0 1 2.795-.434m17.965-31.79a13.412 13.412 0 0 0-13.389 22.475a2 2 0 0 0 2.384.28q.751-.438 1.555-.765a2 2 0 0 0 1.078-1.05a11.2 11.2 0 0 1 4.662-5.213a11.23 11.23 0 0 1 6.923-1.41a2 2 0 0 0 1.785-.72a15 15 0 0 1 2.886-2.707a2 2 0 0 0 .74-2.239a13.41 13.41 0 0 0-8.624-8.651m12.759-7.108a2 2 0 1 0-3.243-2.341l-4.687 6.493a2 2 0 0 0 3.244 2.341zm9.846 19.798a11.96 11.96 0 0 1 5.583 7.255a11.9 11.9 0 0 1 .255 5.003A9.34 9.34 0 0 1 72 58.66c0 2.477-.99 4.857-2.744 6.605A9.37 9.37 0 0 1 62.647 68H60.61l-.023.001H33.353a9.37 9.37 0 0 1-6.61-2.735A9.34 9.34 0 0 1 24 58.66c0-2.476.99-4.855 2.744-6.604a9.38 9.38 0 0 1 5.184-2.625q.066-.429.177-.85a8.2 8.2 0 0 1 3.827-5.01a8.24 8.24 0 0 1 7.83-.198l.613-1.057a12 12 0 0 1 7.286-5.577a12.02 12.02 0 0 1 9.09 1.195"/></svg>Как использовать иконку Day Bold
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:day-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:day-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:day-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--day-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:day-bold"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:day-bold"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/glyphs/day-bold.svg" alt="Иконка Day Bold" width="24" height="24">Похожие иконки в наборе Glyphs
Вопросы и ответы: Иконка Day Bold
Можно ли бесплатно использовать иконку Day Bold в коммерческих проектах?
Да. Glyphs icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Day Bold в React?
Установите @iconify/react и выведите <Icon icon="glyphs:day-bold" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Day Bold на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/glyphs/day-bold.svg" alt="Иконка Day Bold">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.