Amusement Park Balloon アイコン
streamline-ultimate-color:amusement-park-balloon
Amusement Park Balloon アイコン(streamline-ultimate-color:amusement-park-balloon)は、Ultimate color icons セットの無料 SVG アイコンです(作者: 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>Web コンポーネント
<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 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Amusement Park Balloon アイコンを使うには?
@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 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。