Иконка Astronaut 2
streamline-emojis:astronaut-2
Иконка Astronaut 2 (streamline-emojis:astronaut-2) — бесплатная 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="M9 45.5a15 1.5 0 1 0 30 0a15 1.5 0 1 0-30 0" opacity=".15"/><path fill="#fff" d="M32.74 32.84L24 30l-8.74 2.87a6.86 6.86 0 0 0-5 6.31V45h27.52v-5.85a6.86 6.86 0 0 0-5.04-6.31"/><path fill="#e0e0e0" d="M32.74 32.84L24 30l-8.74 2.87a6.86 6.86 0 0 0-5 6.31v3a6.86 6.86 0 0 1 5-6.31L24 33l8.74 2.87a6.86 6.86 0 0 1 5 6.31v-3a6.86 6.86 0 0 0-5-6.34"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M32.74 32.84L24 30l-8.74 2.87a6.86 6.86 0 0 0-5 6.31V45h27.52v-5.85a6.86 6.86 0 0 0-5.04-6.31"/><path fill="#fff" d="M14.9 32.04a9.1 4.16 0 1 0 18.2 0a9.1 4.16 0 1 0-18.2 0"/><path fill="#e0e0e0" d="M24 27.88c-4.48 0-8.2 1.48-8.95 3.43c.75 1.95 4.47 3.43 9 3.43s8.2-1.48 9-3.43c-.85-1.95-4.57-3.43-9.05-3.43"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M14.9 32.04a9.1 4.16 0 1 0 18.2 0a9.1 4.16 0 1 0-18.2 0M32.21 45V33.84M15.79 45V33.84"/><path fill="#e0e0e0" d="M38.49 16.24h-.89a13.92 13.92 0 0 0-27.2 0h-.89a1 1 0 0 0-1 1v3.92a1 1 0 0 0 1 1h.89a13.92 13.92 0 0 0 27.2 0h.89a1 1 0 0 0 1-1v-3.92a1 1 0 0 0-1-1"/><path fill="#fff" d="M38.49 16.24h-.89a13.92 13.92 0 0 0-27.2 0h-.89a1 1 0 0 0-1 1v2.32a1 1 0 0 1 1-1a1.12 1.12 0 0 0 1.08-.82a13.92 13.92 0 0 1 26.8 0a1.12 1.12 0 0 0 1.08.82a1 1 0 0 1 1 1v-2.32a1 1 0 0 0-.98-1"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M38.49 16.24h-.89a13.92 13.92 0 0 0-27.2 0h-.89a1 1 0 0 0-1 1v3.92a1 1 0 0 0 1 1h.89a13.92 13.92 0 0 0 27.2 0h.89a1 1 0 0 0 1-1v-3.92a1 1 0 0 0-1-1"/><path fill="#656769" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M12.4 19.2a11.6 11.6 0 1 0 23.2 0a11.6 11.6 0 1 0-23.2 0"/><path fill="#ffcebf" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M26.13 14.74h-4.26a7 7 0 0 0-7 7a9 9 0 0 0 .13 1.34a9.09 9.09 0 0 0 18 0a9 9 0 0 0 .11-1.37a7 7 0 0 0-6.98-6.97"/><path fill="#45413c" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M18.57 20.91a.77.77 0 1 0 .77-.77a.76.76 0 0 0-.77.77m10.86 0a.77.77 0 1 1-.77-.77a.76.76 0 0 1 .77.77"/><path fill="#ff6242" d="M21.16 25.6a.44.44 0 0 0-.33.16a.41.41 0 0 0-.1.35a3.32 3.32 0 0 0 6.54 0a.41.41 0 0 0-.1-.35a.44.44 0 0 0-.33-.16Z"/><path fill="#ffa694" d="M24 27a4 4 0 0 0-2.52.77a3.36 3.36 0 0 0 5 0A4 4 0 0 0 24 27"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M21.16 25.6a.44.44 0 0 0-.33.16a.41.41 0 0 0-.1.35a3.32 3.32 0 0 0 6.54 0a.41.41 0 0 0-.1-.35a.44.44 0 0 0-.33-.16Z"/><path fill="#ffb59e" d="M17.06 24.19a1 .6 0 1 0 2 0a1 .6 0 1 0-2 0m11.88 0a1 .6 0 1 0 2 0a1 .6 0 1 0-2 0"/><path fill="#00b8f0" d="M24 7.6a11.61 11.61 0 0 0-11.36 9.23A29.5 29.5 0 0 1 24 14.74a29.5 29.5 0 0 1 11.36 2.09A11.61 11.61 0 0 0 24 7.6"/><path fill="#4acfff" d="M24 10.5c5.69 0 10.42 2.7 11.34 6.24a11.6 11.6 0 0 0-22.68 0c.92-3.54 5.65-6.24 11.34-6.24"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M24 7.6a11.61 11.61 0 0 0-11.36 9.23A29.5 29.5 0 0 1 24 14.74a29.5 29.5 0 0 1 11.36 2.09A11.61 11.61 0 0 0 24 7.6"/><path fill="#ff6242" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M17.82 39.41h4.55v2.5h-4.55z"/><path fill="#009fd9" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M27.67 40.66a1.25 1.25 0 1 0 2.5 0a1.25 1.25 0 1 0-2.5 0"/></svg>Как использовать иконку Astronaut 2
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-emojis:astronaut-2" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-emojis:astronaut-2" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-emojis:astronaut-2" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--astronaut-2]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis:astronaut-2"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-emojis:astronaut-2"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/streamline-emojis/astronaut-2.svg" alt="Иконка Astronaut 2" width="24" height="24">Похожие иконки в наборе Streamline Emojis
Вопросы и ответы: Иконка Astronaut 2
Можно ли бесплатно использовать иконку Astronaut 2 в коммерческих проектах?
Да. Streamline Emojis icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Astronaut 2 в React?
Установите @iconify/react и выведите <Icon icon="streamline-emojis:astronaut-2" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Astronaut 2 на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-emojis/astronaut-2.svg" alt="Иконка Astronaut 2">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.