Lady Beetle アイコン

Q: Lady Beetle アイコンは商用利用でも無料ですか?

はい。Streamline Emojis icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

streamline-emojis:lady-beetle

Lady Beetle アイコン(streamline-emojis:lady-beetle)は、Streamline Emojis セットの無料 SVG アイコンです（作者: Streamline）。 48 × 48 のグリッドで描かれています。 Streamline Emojis icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Streamline Emojis
作者: Streamline
ライセンス: CC-BY-4.0
サイズ: 48 × 48
カテゴリ: 動物・自然
タグ: ladybeetle

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#45413c" d="M11.4 44.36a12.6 1.64 0 1 0 25.2 0a12.6 1.64 0 1 0-25.2 0" opacity=".15"/><path fill="#ff6242" d="M38.24 24.31c0 8.13-6.37 15.19-14.24 15.19S9.76 32.44 9.76 24.31A14.07 14.07 0 0 1 24 10.07a14.07 14.07 0 0 1 14.24 14.24"/><path fill="#e04122" d="M24 37c-7.46 0-13.58-6.36-14.19-14c0 .41-.05.82-.05 1.24c0 8.2 6.37 15.26 14.24 15.26s14.24-7.06 14.24-15.19c0-.42 0-.83-.05-1.24C37.58 30.66 31.46 37 24 37"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M38.24 24.31c0 8.13-6.37 15.19-14.24 15.19S9.76 32.44 9.76 24.31A14.07 14.07 0 0 1 24 10.07a14.07 14.07 0 0 1 14.24 14.24"/><path fill="#87898c" d="M31.6 11.73c0 2.29-3.4 2.13-7.6 2.13s-7.6.16-7.6-2.13c0-3 3.4-6.41 7.6-6.41s7.6 3.39 7.6 6.41"/><path fill="#bdbec0" d="M24 7c3.74 0 6.84 2.69 7.47 5.41a1.7 1.7 0 0 0 .13-.66c0-3-3.4-6.41-7.6-6.41s-7.6 3.39-7.6 6.41a1.7 1.7 0 0 0 .13.66C17.16 9.67 20.26 7 24 7"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M31.6 11.73c0 2.29-3.4 2.13-7.6 2.13s-7.6.16-7.6-2.13c0-3 3.4-6.41 7.6-6.41s7.6 3.39 7.6 6.41"/><path fill="#87898c" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M28.75 25.26A4.75 4.75 0 1 1 24 20.51a4.75 4.75 0 0 1 4.75 4.75m5.25-7.6a2.38 2.38 0 1 1-2.37-2.37A2.38 2.38 0 0 1 34 17.66m-15.22 0a2.38 2.38 0 1 1-2.38-2.37a2.38 2.38 0 0 1 2.38 2.37M33.49 31.9A1.9 1.9 0 1 1 31.6 30a1.9 1.9 0 0 1 1.89 1.9m-15.19 0a1.9 1.9 0 1 1-1.9-1.9a1.9 1.9 0 0 1 1.9 1.9"/><path fill="#87898c" d="M24 39.5a13 13 0 0 0 4.66-.88a4.74 4.74 0 0 0-9.32 0a13 13 0 0 0 4.66.88"/><path fill="#656769" d="M20.33 36.49a4.86 4.86 0 0 0-1 2.13a12.78 12.78 0 0 0 9.32 0a4.86 4.86 0 0 0-1-2.13a13 13 0 0 1-7.34 0Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M24 39.5a13 13 0 0 0 4.66-.88a4.74 4.74 0 0 0-9.32 0a13 13 0 0 0 4.66.88"/><path fill="#87898c" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M12.13 24.78a5.67 5.67 0 0 0-1.89-4.23a14.5 14.5 0 0 0-.48 3.76a15.5 15.5 0 0 0 .67 4.53a5.67 5.67 0 0 0 1.7-4.06m23.74 0a5.67 5.67 0 0 1 1.89-4.23a14.5 14.5 0 0 1 .48 3.76a15.5 15.5 0 0 1-.67 4.53a5.67 5.67 0 0 1-1.7-4.06"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M24 13.86V39.5M21.16 5.85a5.85 5.85 0 0 0-2.86-4.33m8.54 4.33a5.85 5.85 0 0 1 2.86-4.33"/><path fill="#fff" d="M28.27 9.12a.95.95 0 1 1-.95-.95a.95.95 0 0 1 .95.95m-6.64 0a.95.95 0 1 1-1.9 0a.95.95 0 0 1 1.9 0"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m14.14 13.94l-2.8-1.87a2.17 2.17 0 0 1-.83-2.6a9.07 9.07 0 0 0 .67-4.63m-1.31 17.6a2.1 2.1 0 0 0-2.56 1.29a8.22 8.22 0 0 1-4.67 4.85m9.36 3.8a1.86 1.86 0 0 0-1.7 1.77a7.2 7.2 0 0 1-2.44 5.35m26-25.56l2.8-1.87a2.17 2.17 0 0 0 .83-2.6a9.07 9.07 0 0 1-.67-4.63m1.31 17.6a2.1 2.1 0 0 1 2.56 1.29a8.22 8.22 0 0 0 4.67 4.85M36 32.38a1.86 1.86 0 0 1 1.7 1.77a7.2 7.2 0 0 0 2.44 5.35"/></svg>

Lady Beetle アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="streamline-emojis:lady-beetle" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="streamline-emojis:lady-beetle" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="streamline-emojis:lady-beetle" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--lady-beetle]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis:lady-beetle"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="streamline-emojis:lady-beetle"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/streamline-emojis/lady-beetle.svg" alt="Lady Beetle アイコン" width="24" height="24">

他のアイコンセットの Lady Beetle アイコン

Lady Beetle アイコンのよくある質問

Lady Beetle アイコンは商用利用でも無料ですか?

はい。Streamline Emojis icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Lady Beetle アイコンを使うには?

@iconify/react をインストールして <Icon icon="streamline-emojis:lady-beetle" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Lady Beetle アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-emojis/lady-beetle.svg" alt="Lady Beetle アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Streamline Emojis アイコンをすべて見る →