Circus Elephant Bold アイコン
streamline-ultimate:circus-elephant-bold
Circus Elephant Bold アイコン(streamline-ultimate:circus-elephant-bold)は、Ultimate free icons セットの無料 SVG アイコンです（作者: Streamline）。 24 × 24 のグリッドで描かれています。 Ultimate free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Ultimate free icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- エンタメ・イベント・趣味
- タグ
- circuselephant、elephantbold、circuselephantbold
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16.09 11.8a6 6 0 0 1-.67.29a1.28 1.28 0 0 0-1 1.16v3.22a1 1 0 0 1-.57.89a1 1 0 0 1-1 0l-.85-.55l-.87.51a2 2 0 0 1-1 .05a1 1 0 0 1-.58-.9v-3.22a1.29 1.29 0 0 0-1-1.18a4 4 0 0 1-.67-.27c-.28-.12-.53.24-.53.24a5.68 5.68 0 0 0-1 5.38l.87 2.76a.25.25 0 0 0 .36.14A2.9 2.9 0 0 1 9 20h6a3 3 0 0 1 1.33.32a.25.25 0 0 0 .36-.14l.87-2.72a5.75 5.75 0 0 0-1-5.44s-.27-.32-.47-.22M15 21H9a2 2 0 0 0-2 2a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1a2 2 0 0 0-2-2"/><path fill="currentColor" d="M22.19 1.09a4.24 4.24 0 0 0-4-.91a4.64 4.64 0 0 0-3.13 2.61a4.47 4.47 0 0 0-3-1.27A4.58 4.58 0 0 0 8.94 2.8A4.63 4.63 0 0 0 5.81.18a4.24 4.24 0 0 0-4 .91a2.5 2.5 0 0 0-.59 2.52A18.94 18.94 0 0 1 1.84 12a2.68 2.68 0 0 0 .33 1.76a1.37 1.37 0 0 0 1.13.7c.11 0 1.72-.4 1.72-.4a7.1 7.1 0 0 1 1.36-2.82s.26-.24.09-.45a5.1 5.1 0 0 1-1.21-2.11a.75.75 0 0 1 1.43-.43A3.37 3.37 0 0 0 9 10.63a2.78 2.78 0 0 1 2.06 2.62v2.07a.17.17 0 0 0 .25.15a1.36 1.36 0 0 1 1.39 0c.14.08.25 0 .25-.16v-2.06a2.78 2.78 0 0 1 2-2.59a3.51 3.51 0 0 0 2.26-2.41a.75.75 0 0 1 1.44.44a5.4 5.4 0 0 1-1.17 2.05a.43.43 0 0 0 .05.51a6.9 6.9 0 0 1 1.35 2.8l1.46.37a1.3 1.3 0 0 0 1.48-.65a2.68 2.68 0 0 0 .34-1.77a18.94 18.94 0 0 1 .62-8.4a2.5 2.5 0 0 0-.59-2.51M9.75 7.72A.75.75 0 1 1 10.5 7a.76.76 0 0 1-.75.72m4.5 0A.75.75 0 1 1 15 7a.76.76 0 0 1-.75.72"/></svg>Circus Elephant Bold アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-ultimate:circus-elephant-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-ultimate:circus-elephant-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-ultimate:circus-elephant-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-ultimate--circus-elephant-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-ultimate -->
<div class="i-streamline-ultimate:circus-elephant-bold"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-ultimate:circus-elephant-bold"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-ultimate/circus-elephant-bold.svg" alt="Circus Elephant Bold アイコン" width="24" height="24">Ultimate free icons の関連アイコン
Circus Elephant Bold アイコン のよくある質問
Circus Elephant Bold アイコンは商用利用でも無料ですか?
はい。Ultimate free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Circus Elephant Bold アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-ultimate:circus-elephant-bold" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Circus Elephant Bold アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-ultimate/circus-elephant-bold.svg" alt="Circus Elephant Bold アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。