Иконка Amusement Park Balloon
streamline-ultimate-color:amusement-park-balloon
Иконка Amusement Park Balloon (streamline-ultimate-color:amusement-park-balloon) — бесплатная SVG-иконка из набора Ultimate color icons от Streamline. Она нарисована на сетке 24 × 24. Ultimate color icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Ultimate color icons
- Автор
- Streamline
- Лицензия
- CC-BY-4.0
- Размер
- 24 × 24
- Категория
- Развлечения, события и хобби
- Теги
- amusementpark, parkballoon, amusementparkballoon
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="#ff808c" d="M7.418 8.265c1.08 0 1.955-1.531 1.955-3.42s-.875-3.421-1.955-3.421s-1.955 1.531-1.955 3.42s.875 3.421 1.955 3.421"/><path fill="#ffbfc5" d="M7.418 1.424c1.08 0 1.956 1.532 1.956 3.417s-.875 3.421-1.956 3.421z"/><path fill="#ff808c" d="M3.933 11.05c1.62 0 2.932-.875 2.932-1.955S5.552 7.14 3.933 7.14S1 8.016 1 9.095s1.313 1.956 2.933 1.956"/><path fill="#ffbfc5" d="M1.001 9.095c0-1.082 1.309-1.954 2.932-1.954s2.932.872 2.932 1.954z"/><path fill="#ff808c" d="M14.75 16.707c2.159 0 3.909-.875 3.909-1.955s-1.75-1.955-3.91-1.955s-3.909.875-3.909 1.955s1.75 1.955 3.91 1.955"/><path fill="#ffbfc5" d="M10.84 14.752c0-1.08 1.75-1.955 3.91-1.955c2.159 0 3.91.875 3.91 1.955z"/><path fill="#ff808c" d="M10.1 15.185c1.032-.319 1.382-2.15.783-4.092c-.6-1.941-1.921-3.257-2.953-2.938s-1.383 2.15-.783 4.092c.599 1.94 1.921 3.256 2.953 2.938"/><path fill="#ffbfc5" d="M7.93 8.155c1.032-.319 2.354.996 2.953 2.942s.253 3.769-.783 4.088z"/><path fill="#ff808c" d="M11.08 19.607c.821-2.007.677-3.966-.323-4.374c-1-.41-2.475.886-3.296 2.893s-.676 3.966.323 4.375s2.475-.887 3.296-2.894m11.095 2.894c1-.409 1.105-2.462.237-4.585c-.869-2.124-2.383-3.514-3.383-3.105c-.999.41-1.105 2.462-.236 4.585c.868 2.124 2.383 3.514 3.382 3.105"/><path fill="#ff808c" d="M22.286 12.202c.84-1.802.726-3.633-.252-4.089c-.98-.456-2.453.635-3.293 2.438c-.84 1.802-.727 3.632.252 4.088s2.453-.635 3.293-2.437"/><path fill="#ffbfc5" d="M22.034 8.113c-.979-.456-2.454.635-3.293 2.437c-.839 1.803-.727 3.633.252 4.09z"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M7.418 8.265c1.08 0 1.955-1.531 1.955-3.42s-.875-3.421-1.955-3.421s-1.955 1.531-1.955 3.42s.875 3.421 1.955 3.421"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M4.103 10.941c1.62 0 2.933-.875 2.933-1.955S5.723 7.031 4.103 7.031S1.17 7.906 1.17 8.986s1.313 1.955 2.933 1.955m10.647 5.766c2.159 0 3.909-.875 3.909-1.955s-1.75-1.955-3.91-1.955s-3.909.875-3.909 1.955s1.75 1.955 3.91 1.955"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M10.1 15.185c1.032-.319 1.382-2.15.783-4.092c-.6-1.941-1.921-3.257-2.953-2.938s-1.383 2.15-.783 4.092c.599 1.94 1.921 3.256 2.953 2.938"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M11.08 19.607c.821-2.007.677-3.966-.323-4.374c-1-.41-2.475.886-3.296 2.893s-.676 3.966.323 4.375s2.475-.887 3.296-2.894m11.095 2.894c1-.409 1.105-2.462.237-4.585c-.869-2.124-2.383-3.514-3.383-3.105c-.999.41-1.105 2.462-.236 4.585c.868 2.124 2.383 3.514 3.382 3.105"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M22.286 12.202c.84-1.802.726-3.633-.252-4.089c-.98-.456-2.453.635-3.293 2.438c-.84 1.802-.727 3.632.252 4.088s2.453-.635 3.293-2.437"/></g></svg>Как использовать иконку Amusement Park Balloon
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-ultimate-color:amusement-park-balloon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-ultimate-color:amusement-park-balloon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-ultimate-color:amusement-park-balloon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-ultimate-color--amusement-park-balloon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-ultimate-color -->
<div class="i-streamline-ultimate-color:amusement-park-balloon"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-ultimate-color:amusement-park-balloon"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/amusement-park-balloon.svg" alt="Иконка Amusement Park Balloon" width="24" height="24">Похожие иконки в наборе Ultimate color icons
Иконка Amusement Park Balloon в других наборах
Вопросы и ответы: Иконка Amusement Park Balloon
Можно ли бесплатно использовать иконку Amusement Park Balloon в коммерческих проектах?
Да. Ultimate color icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Amusement Park Balloon в React?
Установите @iconify/react и выведите <Icon icon="streamline-ultimate-color:amusement-park-balloon" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Amusement Park Balloon на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/amusement-park-balloon.svg" alt="Иконка Amusement Park Balloon">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.