Иконка Crossed Flags
streamline-emojis:crossed-flags
Иконка Crossed Flags (streamline-emojis:crossed-flags) — бесплатная SVG-иконка из набора Streamline Emojis от Streamline. Она нарисована на сетке 48 × 48. Streamline Emojis icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Streamline Emojis
- Автор
- Streamline
- Лицензия
- CC-BY-4.0
- Размер
- 48 × 48
- Категория
- Флаги
- Теги
- crossedflags, flag
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#45413c" d="M12.02 44.44a11.98 1.56 0 1 0 23.96 0a11.98 1.56 0 1 0-23.96 0" opacity=".15"/><path fill="#daedf7" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M29.49 6.15a.88.88 0 0 0-1.09.61L18 43.31a.87.87 0 0 0 .6 1.09a.88.88 0 0 0 1.1-.6L30.1 7.24a.88.88 0 0 0-.61-1.09"/><path fill="#fff" d="M38 11.06c-2.92-1.9-5.23-2.2-8.16-2.79l-3.31 11.47c3 .61 5.24.9 8.16 2.8a16 16 0 0 0 5.47 2.24l2.3.47a.43.43 0 0 0 .51-.31l3-10.63a.44.44 0 0 0-.34-.55c-2.42-.5-4.76-.76-7.63-2.7"/><path fill="#ff6242" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M39.41 18.05a3.11 3.11 0 1 1-1.77-3.81a3 3 0 0 1 1.77 3.81"/><path fill="#daedf7" d="M31.44 5.78a1.77 1.77 0 1 1-1.22-2.18a1.77 1.77 0 0 1 1.22 2.18"/><path fill="#daedf7" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M30 43.31L19.6 6.76a.88.88 0 1 0-1.7.48L28.34 43.8a.88.88 0 0 0 1.1.6a.87.87 0 0 0 .56-1.09"/><path fill="#fff" d="M10 11.06c2.92-1.9 5.23-2.2 8.16-2.79l3.28 11.47c-3 .61-5.24.9-8.16 2.8a16 16 0 0 1-5.47 2.24l-2.3.47a.43.43 0 0 1-.51-.31L2 14.31a.44.44 0 0 1 .34-.55c2.45-.5 4.79-.76 7.66-2.7"/><path fill="#f0f0f0" d="M36.16 21.17C32.88 19 30.3 18.7 27 18l-.49 1.71c3 .61 5.24.9 8.16 2.8s5.11 2.16 7.77 2.71a.43.43 0 0 0 .51-.31l.3-1a18.8 18.8 0 0 1-7.09-2.74M21 18c-3.19.65-5.82 1-9.14 3.14a18.65 18.65 0 0 1-7.11 2.74l.3 1a.43.43 0 0 0 .51.31c2.66-.54 4.91-.85 7.77-2.71s5.09-2.17 8.16-2.8Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M38 11.06c-2.92-1.9-5.23-2.2-8.16-2.79l-3.31 11.47c3 .61 5.24.9 8.16 2.8h0a16 16 0 0 0 5.47 2.24l2.3.47a.43.43 0 0 0 .51-.31l3-10.63a.44.44 0 0 0-.34-.55c-2.42-.5-4.76-.76-7.63-2.7m-28 0c2.92-1.9 5.23-2.2 8.16-2.79l3.28 11.47c-3 .61-5.24.9-8.16 2.8h0a16 16 0 0 1-5.47 2.24l-2.3.47a.43.43 0 0 1-.51-.31L2 14.31a.44.44 0 0 1 .34-.55c2.45-.5 4.79-.76 7.66-2.7"/><path fill="#ff6242" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M8.59 18.05a3 3 0 0 0 3.95 1.43a3 3 0 0 0 1.77-3.82a3 3 0 0 0-4-1.42a3 3 0 0 0-1.72 3.81"/><path fill="#daedf7" d="M16.56 5.78a1.77 1.77 0 1 0 1.22-2.18a1.77 1.77 0 0 0-1.22 2.18"/><path fill="#fff" d="M30.22 5.06a1.78 1.78 0 0 1 1.12 1c0-.08.07-.16.1-.25a1.77 1.77 0 1 0-3.31.19a1.78 1.78 0 0 1 2.09-.94M16.66 6a1.76 1.76 0 0 1 3.21 0A1.7 1.7 0 0 0 20 4.81a1.75 1.75 0 0 0-2.22-1.21a1.78 1.78 0 0 0-1.22 2.18c.03.09.07.22.1.22"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M31.44 5.78a1.77 1.77 0 1 1-1.22-2.18a1.77 1.77 0 0 1 1.22 2.18m-14.88 0a1.77 1.77 0 1 0 1.22-2.18a1.77 1.77 0 0 0-1.22 2.18"/></svg>Как использовать иконку Crossed Flags
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-emojis:crossed-flags" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-emojis:crossed-flags" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-emojis:crossed-flags" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--crossed-flags]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis:crossed-flags"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-emojis:crossed-flags"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/streamline-emojis/crossed-flags.svg" alt="Иконка Crossed Flags" width="24" height="24">Похожие иконки в наборе Streamline Emojis
Иконка Crossed Flags в других наборах
Вопросы и ответы: Иконка Crossed Flags
Можно ли бесплатно использовать иконку Crossed Flags в коммерческих проектах?
Да. Streamline Emojis icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Crossed Flags в React?
Установите @iconify/react и выведите <Icon icon="streamline-emojis:crossed-flags" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Crossed Flags на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-emojis/crossed-flags.svg" alt="Иконка Crossed Flags">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.