ICONYZ
日本語
Kameleon color icons の Reindeer Duo アイコン

Reindeer Duo アイコン

streamline-kameleon-color:reindeer-duo

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

アイコンセット
Kameleon color icons
作者
Streamline
ライセンス
CC-BY-4.0
サイズ
48 × 48
カテゴリ
エンターテインメント
タグ
reindeerduo
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path fill="#deeeff" d="M23.998 47.997c13.255 0 24-10.745 24-24s-10.745-24-24-24s-24 10.745-24 24s10.745 24 24 24"/><path fill="#2e3ecd" d="M36.685 20.48c.07.014.131.062.162.127c.034.066.03.14-.009.201c-.817 1.384-2.587 2.655-5.587 2.257c.08.47.124.963.124 1.482c0 2.046-.62 3.927-1.645 5.406l.663 2.99c.727 3.272-2.523 4.147-3.591 4.568a9.6 9.6 0 0 1-2.863.45a9.7 9.7 0 0 1-2.911-.454c-2.334-.73-4.088-2.07-3.535-4.56l.672-3.024c-1.016-1.475-1.627-3.343-1.627-5.376c0-.524.045-1.02.124-1.49c-3.022.412-4.767-.86-5.588-2.249a.2.2 0 0 1-.008-.2a.23.23 0 0 1 .161-.127c1.144-.179 2.008-1.283 3.61-1.283c1.073 0 2.186.68 2.854 1.192c1.271-1.904 3.507-2.938 6.266-2.938c2.803 0 5.02 1.063 6.276 2.96c.683-.512 1.816-1.214 2.844-1.214c1.601 0 2.465 1.104 3.608 1.283"/><path fill="#6bafff" d="M37.392 18.352a.44.44 0 0 1-.389.38c-1.008.104-3.207-.066-4.8-.407l-2.592 1.296a6.3 6.3 0 0 0-1.946-1.405l2.793-1.2l2.4-3.141a.34.34 0 0 1 .24-.153a.33.33 0 0 1 .35.432l-.808 2.426c1.941-1.96 3.35-3.818 3.94-5.516a.45.45 0 0 1 .393-.183a.44.44 0 0 1 .357.245c.219.436-.07 2.91-3.381 5.89l3.163.873c.188.07.306.262.28.463m-26.871 0a.44.44 0 0 0 .389.38c1.008.104 3.207-.066 4.8-.407l2.592 1.296a6.3 6.3 0 0 1 1.946-1.405l-2.793-1.2l-2.4-3.141a.33.33 0 0 0-.24-.153a.33.33 0 0 0-.35.432l.808 2.426c-1.942-1.96-3.351-3.818-3.94-5.516a.45.45 0 0 0-.393-.183a.44.44 0 0 0-.358.245c-.218.436.07 2.91 3.382 5.89l-3.163.873a.435.435 0 0 0-.28.463m17.973 4.774a.655.655 0 0 1-.275-1.247a1.3 1.3 0 0 0-.38-.062a1.309 1.309 0 1 0 1.31 1.309c0-.133-.026-.259-.063-.38a.65.65 0 0 1-.592.38m-7.854 0a.655.655 0 0 1-.276-1.247a1.3 1.3 0 0 0-.38-.062a1.309 1.309 0 1 0 1.31 1.309c0-.133-.026-.259-.062-.38a.65.65 0 0 1-.593.38m6.128 8.324c-.615.965-1.506 1.66-2.662 2.078a3 3 0 0 1-.192.07a2 2 0 0 1-.192-.074c-1.156-.415-2.047-1.109-2.666-2.073a.873.873 0 0 1 .737-1.344h4.242c.318 0 .61.175.763.454a.86.86 0 0 1-.03.89"/></g></svg>

Reindeer Duo アイコンの使い方

React

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

<Icon icon="streamline-kameleon-color:reindeer-duo" width="24" />

Vue

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

<template>
  <Icon icon="streamline-kameleon-color:reindeer-duo" width="24" />
</template>

Svelte

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

<Icon icon="streamline-kameleon-color:reindeer-duo" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-kameleon-color--reindeer-duo]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-kameleon-color -->
<div class="i-streamline-kameleon-color:reindeer-duo"></div>

Web コンポーネント

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

<iconify-icon icon="streamline-kameleon-color:reindeer-duo"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/streamline-kameleon-color/reindeer-duo.svg" alt="Reindeer Duo アイコン" width="24" height="24">

Kameleon color icons の関連アイコン

Reindeer Duo アイコン のよくある質問

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

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

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

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

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

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

Kameleon color icons をすべて見る →