Иконка Castle
streamline-emojis:castle
Иконка Castle (streamline-emojis:castle) — бесплатная 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
- Категория
- Путешествия и места
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#45413c" d="M46.25 45.7c0 1-10 1.3-22.25 1.3s-22.25-.31-22.25-1.3s10-1.81 22.25-1.81s22.25.81 22.25 1.81" opacity=".15"/><path fill="#fff" d="M3.31 3.31h41.37v41.37H3.31Z"/><path fill="#f0f0f0" d="M41.14 41.73H6.86a3.55 3.55 0 0 1-3.55-3.55v3a3.55 3.55 0 0 0 3.55 3.55h34.28a3.55 3.55 0 0 0 3.55-3.55v-3a3.55 3.55 0 0 1-3.55 3.55"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M3.31 3.31h41.37v41.37H3.31Z"/><path fill="#00b8f0" d="M6.27 6.27h35.46v35.46H6.27Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M6.27 6.27h35.46v35.46H6.27Z"/><path fill="#e0e0e0" d="M6.27 20.93h8.24v20.8h-7.1a1.14 1.14 0 0 1-1.14-1.14z"/><path fill="#bdbec0" d="M6.27 20.93h8.24v2.28H6.27z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M6.27 20.93h8.24v20.8h0h-7.1a1.14 1.14 0 0 1-1.14-1.14z"/><path fill="#e0e0e0" d="M33.49 20.93h8.24v19.66a1.14 1.14 0 0 1-1.14 1.14h-7.1z"/><path fill="#bdbec0" d="M33.49 20.93h8.24v2.28h-8.24z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M33.49 20.93h8.24v19.66a1.14 1.14 0 0 1-1.14 1.14h-7.1h0z"/><path fill="#e0e0e0" d="M19.2 16.69h9.6v9.75h-9.6z"/><path fill="#bdbec0" d="M19.2 16.69h9.6v2.4h-9.6z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M19.2 16.69h9.6v9.75h-9.6z"/><path fill="#ff6242" d="m23.53 8.79l-5.43 6.94a.59.59 0 0 0 .46 1h10.88a.59.59 0 0 0 .46-1l-5.43-6.94a.59.59 0 0 0-.94 0"/><path fill="#ff866e" d="M18.56 16.69H20l2-2.59a2.48 2.48 0 0 1 3.92 0l2 2.59h1.45a.59.59 0 0 0 .46-1l-5.36-6.9a.59.59 0 0 0-.94 0l-5.43 6.94a.59.59 0 0 0 .46.96"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m23.53 8.79l-5.43 6.94a.59.59 0 0 0 .46 1h10.88a.59.59 0 0 0 .46-1l-5.43-6.94a.59.59 0 0 0-.94 0"/><path fill="#e0e0e0" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M30.89 23.84v2.6H28.8v-2.6h-3.18v2.6h-3.24v-2.6H19.2v2.6h-2.09v-2.6h-2.6v17.89h18.98V23.84z"/><path fill="#debb7e" d="M24 31.33a4.3 4.3 0 0 0-4.3 4.3v6.1h8.6v-6.1a4.3 4.3 0 0 0-4.3-4.3"/><path fill="#b89558" d="M24 31.33a4.3 4.3 0 0 0-4.3 4.3v2.54a4.3 4.3 0 1 1 8.6 0v-2.54a4.3 4.3 0 0 0-4.3-4.3"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M24 31.33a4.3 4.3 0 0 0-4.3 4.3v6.1h8.6v-6.1a4.3 4.3 0 0 0-4.3-4.3"/><path fill="#ff6242" d="M6.27 20.93h8.22A.59.59 0 0 0 15 20l-4.1-5.08a.6.6 0 0 0-.92 0l-3.71 4.51Z"/><path fill="#ff866e" d="M8.49 19.59a2.44 2.44 0 0 1 3.8 0l1.09 1.34h1.11A.59.59 0 0 0 15 20l-4.1-5.08a.6.6 0 0 0-.92 0l-3.71 4.51v1.5H7.4Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M6.27 20.93h8.22A.59.59 0 0 0 15 20l-4.1-5.08a.6.6 0 0 0-.92 0l-3.71 4.51Z"/><path fill="#ff6242" d="m41.73 19.43l-3.66-4.54a.6.6 0 0 0-.92 0L33.05 20a.59.59 0 0 0 .46 1h8.22Z"/><path fill="#ff866e" d="M39.51 19.59a2.44 2.44 0 0 0-3.8 0l-1.09 1.34h-1.11a.59.59 0 0 1-.46-1l4.1-5.08a.6.6 0 0 1 .92 0l3.66 4.54v1.5H40.6Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m41.73 19.43l-3.66-4.54a.6.6 0 0 0-.92 0L33.05 20a.59.59 0 0 0 .46 1h8.22ZM24 31.33v10.4"/></svg>Как использовать иконку Castle
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-emojis:castle" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-emojis:castle" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-emojis:castle" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--castle]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis:castle"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-emojis:castle"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/streamline-emojis/castle.svg" alt="Иконка Castle" width="24" height="24">Иконка Castle в других наборах
Вопросы и ответы: Иконка Castle
Можно ли бесплатно использовать иконку Castle в коммерческих проектах?
Да. Streamline Emojis icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Castle в React?
Установите @iconify/react и выведите <Icon icon="streamline-emojis:castle" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Castle на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-emojis/castle.svg" alt="Иконка Castle">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.