Elephant アイコン

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

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

streamline-emojis:elephant

Elephant アイコン(streamline-emojis:elephant)は、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
カテゴリ: 動物・自然

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#45413c" d="M46 44.5c0 .83-9.17 1.5-20.5 1.5S5 45.33 5 44.5S14.13 43 25.45 43S46 43.67 46 44.5" opacity=".15"/><path fill="#c0dceb" d="M33.93 10.77h-5l1.21-5.44A2 2 0 0 0 28.29 3a18.17 18.17 0 0 0-9.4 2.61h-8.36A8.53 8.53 0 0 0 2 14.09V29a8.48 8.48 0 0 0 7 8.34a1.3 1.3 0 0 0 1.48-1.3V35a1.24 1.24 0 0 0-.61-1.1a5.19 5.19 0 0 1-2.65-4.52v-1.7a1.87 1.87 0 0 1 1.18-1.74l5-2a10.44 10.44 0 0 0 3.7 6.6a1.33 1.33 0 0 1 .5 1V42.7a1.3 1.3 0 0 0 1.3 1.3h5.21a1.3 1.3 0 0 0 1.3-1.3v-8.47a1.31 1.31 0 0 1 1.31-1.31h11.11v9.78a1.31 1.31 0 0 0 1.31 1.3h5.21a1.3 1.3 0 0 0 1.3-1.3V22.49a11.72 11.72 0 0 0-11.72-11.72"/><path fill="#daedf7" d="M10.53 8.49h8.36a18.06 18.06 0 0 1 9.4-2.6a1.87 1.87 0 0 1 1.54.83l.31-1.39A2 2 0 0 0 28.29 3a18.17 18.17 0 0 0-9.4 2.61h-8.36A8.53 8.53 0 0 0 2 14.09V17a8.53 8.53 0 0 1 8.53-8.51m23.4 2.28h-5l-.65 2.93h5.65a11.73 11.73 0 0 1 11.72 11.73v-2.94a11.72 11.72 0 0 0-11.72-11.72"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M33.93 10.77h-5l1.21-5.44A2 2 0 0 0 28.29 3a18.17 18.17 0 0 0-9.4 2.61h-8.36A8.53 8.53 0 0 0 2 14.09V29a8.48 8.48 0 0 0 7 8.34a1.3 1.3 0 0 0 1.48-1.3V35a1.24 1.24 0 0 0-.61-1.1a5.19 5.19 0 0 1-2.65-4.52v-1.7a1.87 1.87 0 0 1 1.18-1.74l5-2a10.44 10.44 0 0 0 3.7 6.6a1.33 1.33 0 0 1 .5 1V42.7a1.3 1.3 0 0 0 1.3 1.3h5.21a1.3 1.3 0 0 0 1.3-1.3v-8.47a1.31 1.31 0 0 1 1.31-1.31h11.11v9.78a1.31 1.31 0 0 0 1.31 1.3h5.21a1.3 1.3 0 0 0 1.3-1.3V22.49a11.72 11.72 0 0 0-11.72-11.72"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M35.88 20.55a10.15 10.15 0 0 0 1.38 9.66h0a2.84 2.84 0 0 1 .57 1.71v1M14.38 8.82l3-2.25A18.08 18.08 0 0 1 28.23 3h0a2 2 0 0 1 1.91 2.38l-2.55 11.41a4.79 4.79 0 0 1-4.67 3.76h-5.11a3.43 3.43 0 0 1-3.43-3.43"/><path fill="#fcd" d="M17.81 20.55h5.11a4.79 4.79 0 0 0 4.67-3.76l2.07-9.29a1.93 1.93 0 0 0-1.43-.64a18.08 18.08 0 0 0-10.86 3.62l-3 2.25v4.39a3.43 3.43 0 0 0 3.44 3.43"/><path fill="#ffb0ca" d="M28.23 10.18a1.9 1.9 0 0 1 .79.17l.64-2.85a1.93 1.93 0 0 0-1.43-.64a18.08 18.08 0 0 0-10.86 3.62l-3 2.25v3.32l3-2.25a18.08 18.08 0 0 1 10.86-3.62"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M17.81 20.55h5.11a4.79 4.79 0 0 0 4.67-3.76l2.07-9.29a1.93 1.93 0 0 0-1.43-.64a18.08 18.08 0 0 0-10.86 3.62l-3 2.25v4.39a3.43 3.43 0 0 0 3.44 3.43M2 21.2h2.61M2 23.8h2.61M2 26.41h1.95"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M13.44 23.92s3.18-1.16 2.87-3.72"/><path fill="#45413c" d="M9.13 16.93a1.3 1.3 0 1 1-1-1.56a1.3 1.3 0 0 1 1 1.56"/><path fill="#ffb0ca" d="M13 20.12a1.34 1.34 0 0 1-1.56.74c-.7-.12-1.13-.66-1-1.2a1.36 1.36 0 0 1 1.57-.74c.75.08 1.19.66.99 1.2"/></svg>

Elephant アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="streamline-emojis:elephant"></iconify-icon>

HTML 画像

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

他のアイコンセットの Elephant アイコン

Elephant アイコンのよくある質問

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

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

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

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

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

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

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