Business Lucky Cat アイコン
streamline-ultimate-color:business-lucky-cat
Business Lucky Cat アイコン(streamline-ultimate-color:business-lucky-cat)は、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
- カテゴリ
- ビジネス・製品
- タグ
- businesslucky、luckycat、businessluckycat
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="#fff" d="M19.73 16.812a6.3 6.3 0 0 1-.497 2.534C18.123 21.852 15.302 23 12.003 23c-4.267 0-7.73-1.913-7.73-6.188c0-2.286.986-5.96 2.564-7.289h10.325q.22.197.412.421c1.334 1.569 2.157 4.792 2.157 6.868"/><path fill="#e3e3e3" d="M19.233 15.608c-1.11 2.506-3.931 3.654-7.23 3.654c-3.663 0-6.727-1.416-7.522-4.52q-.195 1.026-.207 2.07c0 4.275 3.462 6.188 7.728 6.188c3.3 0 6.122-1.148 7.231-3.654a6.3 6.3 0 0 0 .497-2.535c-.01-.69-.082-1.38-.213-2.058a6 6 0 0 1-.284.855"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M19.73 16.812a6.3 6.3 0 0 1-.497 2.534C18.123 21.852 15.302 23 12.003 23c-4.267 0-7.73-1.913-7.73-6.188c0-2.286.986-5.96 2.564-7.289h10.325q.22.197.412.421c1.334 1.569 2.157 4.792 2.157 6.868"/><path fill="#fff" stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M22.046 14.315v3.348a1.913 1.913 0 0 1-2.812 1.683a6.3 6.3 0 0 0 .497-2.534c0-2.076-.823-5.3-2.162-6.868v-.01c2.698.947 4.477 2.554 4.477 4.381"/><path fill="#fff" d="M6.841 9.52c-1.119.937-1.941 3.06-2.324 5.03c-1.588-.937-2.554-2.161-2.554-3.51v-4.3a1.913 1.913 0 0 1 3.826 0v.077q-.011.09-.01.181A3.6 3.6 0 0 0 6.842 9.52"/><path fill="#ffbc44" d="M5.076 12.49a4.3 4.3 0 0 0-3.113-3.033v1.586c0 1.349.966 2.573 2.554 3.51q.204-1.052.559-2.063"/><path fill="#fff" d="M17.258 4.348v-2.87a.48.48 0 0 0-.713-.417L13.336 2.87a15 15 0 0 0-1.339-.057c-.489 0-.932.02-1.339.057c0 0-.135.123-3.194-1.758a.478.478 0 0 0-.73.407v2.83a4.28 4.28 0 0 0-.956 2.65a3.596 3.596 0 0 0 3.826 3.567h4.783a3.595 3.595 0 0 0 3.825-3.567a4.28 4.28 0 0 0-.954-2.65"/><path fill="#ffbc44" d="M18.15 6.304a4.3 4.3 0 0 0-.892-1.956v-2.87a.478.478 0 0 0-.713-.417L13.336 2.87a15 15 0 0 0-1.339-.057h-.026a3.575 3.575 0 0 0 6.175 3.49z"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M13.702 5.764a1.91 1.91 0 0 1 1.643-.938m-5.045.938a1.91 1.91 0 0 0-1.65-.938"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M17.258 4.348v-2.87a.48.48 0 0 0-.713-.417L13.336 2.87a15 15 0 0 0-1.339-.057c-.489 0-.932.02-1.339.057c0 0-.135.123-3.194-1.758a.478.478 0 0 0-.73.407v2.83a4.28 4.28 0 0 0-.956 2.65a3.596 3.596 0 0 0 3.826 3.567h4.783a3.595 3.595 0 0 0 3.825-3.567a4.28 4.28 0 0 0-.954-2.65M1.955 8.174h1.913"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M6.841 9.52c-1.119.937-1.941 3.06-2.324 5.03c-1.588-.937-2.554-2.161-2.554-3.51v-4.3a1.913 1.913 0 0 1 3.826 0v.077q-.011.09-.01.181A3.6 3.6 0 0 0 6.842 9.52m4.198 5.253a4.78 4.78 0 0 1-3.825-4.687q-.002-.123.006-.244m9.551.008c0 .082.012.153.012.236a4.78 4.78 0 0 1-3.81 4.686"/><path fill="#ffef5e" stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M11.998 17.26a1.435 1.435 0 1 0 0-2.87a1.435 1.435 0 0 0 0 2.87"/></g></svg>Business Lucky Cat アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-ultimate-color:business-lucky-cat" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-ultimate-color:business-lucky-cat" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-ultimate-color:business-lucky-cat" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-ultimate-color--business-lucky-cat]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-ultimate-color -->
<div class="i-streamline-ultimate-color:business-lucky-cat"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-ultimate-color:business-lucky-cat"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/business-lucky-cat.svg" alt="Business Lucky Cat アイコン" width="24" height="24">Ultimate color icons の関連アイコン
他のアイコンセットの Business Lucky Cat アイコン
Business Lucky Cat アイコン のよくある質問
Business Lucky Cat アイコンは商用利用でも無料ですか?
はい。Ultimate color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Business Lucky Cat アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-ultimate-color:business-lucky-cat" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Business Lucky Cat アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/business-lucky-cat.svg" alt="Business Lucky Cat アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。