Иконка Anniversary Line

mingcute:anniversary-line

Иконка Anniversary Line (mingcute:anniversary-line) — бесплатная SVG-иконка из набора MingCute Icon от MingCute Design. Она нарисована на сетке 24 × 24. MingCute Icon icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: MingCute Icon
Автор: MingCute Design
Лицензия: Apache-2.0
Размер: 24 × 24
Теги: anniversaryline

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M17 4a1 1 0 1 0-2 0zM9 4a1 1 0 0 0-2 0zm-1 8.276l1-.023zm3.941-2.135l-.71.704zM16 12.276l1 .022zm-3.94-2.135l.71.704zm-.863 6.046l-.51.86zm1.608 0l.51.86zM5 6v1h14V5H5zM4 19h1V7H3v12zM20 7h-1v12h2V7zm-1 13v-1H5v2h14zM16 4h-1v2h2V4zM8 4H7v2h2V4zm0 8.276l1-.023c-.017-.778.38-1.38.841-1.649c.41-.239.905-.25 1.39.24l.71-.703l.711-.703c-1.154-1.167-2.655-1.24-3.818-.562c-1.112.648-1.866 1.942-1.833 3.422zm8 0l.999.022c.033-1.48-.721-2.774-1.833-3.422c-1.163-.678-2.664-.605-3.818.562l.71.703l.712.704c.484-.49.979-.48 1.389-.24c.461.268.858.87.84 1.648zm-4 4.28v-1c.063 0 .108.008.128.012l.029.007a1 1 0 0 1-.086-.039c-.107-.054-.22-.123-.364-.209l-.51.86l-.512.86c.11.065.298.18.48.272c.094.048.207.1.33.144c.11.038.292.092.505.092zm-.804-.369l.51-.86c-2.035-1.21-2.687-2.262-2.705-3.074l-1 .023l-1 .022c.043 1.909 1.521 3.464 3.684 4.749zm.804.368v1c.213 0 .395-.053.505-.092c.123-.043.236-.096.33-.144c.182-.092.37-.207.48-.272l-.511-.86l-.51-.86c-.144.085-.258.155-.365.209a1 1 0 0 1-.086.04q-.003-.001.03-.008a.6.6 0 0 1 .127-.013zm.804-.368l.51.86c2.164-1.285 3.642-2.84 3.685-4.749l-1-.022l-1-.023c-.018.812-.67 1.865-2.706 3.074zm-.863-6.046l-.71.704a1.083 1.083 0 0 0 1.539 0l-.711-.704l-.711-.703a.917.917 0 0 1 1.304 0zM20 19h-1v2a2 2 0 0 0 2-2zM4 19H3a2 2 0 0 0 2 2v-2zM19 6v1h2a2 2 0 0 0-2-2zM5 6V5a2 2 0 0 0-2 2h2z"/></svg>

Как использовать иконку Anniversary Line

React

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

<Icon icon="mingcute:anniversary-line" width="24" />

Vue

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

<template>
  <Icon icon="mingcute:anniversary-line" width="24" />
</template>

Svelte

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

<Icon icon="mingcute:anniversary-line" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--anniversary-line]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute:anniversary-line"></div>

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

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

<iconify-icon icon="mingcute:anniversary-line"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/mingcute/anniversary-line.svg" alt="Иконка Anniversary Line" width="24" height="24">

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

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

Да. MingCute Icon icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.

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

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

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

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

Все Иконки MingCute Icon →