Dodo アイコン
fluent-emoji-high-contrast:dodo
Dodo アイコン(fluent-emoji-high-contrast:dodo)は、Fluent Emoji High Contrast セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji High Contrast
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- カテゴリ
- 動物・自然
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="M14.99 17.691c.06-1.882 1.775-3.297 3.73-3.18c1.738.106 3.173 1.39 3.27 3.084a3.13 3.13 0 0 1-.666 2.124h.926c.538 0 1.05.466.931 1.076c-.29 1.566-1.745 2.705-3.441 2.705c-2.59 0-4.75-1.95-4.75-4.44zm1 .025v1.344c0 1.868 1.64 3.44 3.75 3.44c1.22 0 2.196-.785 2.435-1.78H20.77c-.418 0-.83-.354-.766-.851l.002-.013l.002-.013a.8.8 0 0 1 .242-.436l.006-.005a2.16 2.16 0 0 0 .735-1.749v-.001c-.064-1.123-1.03-2.064-2.331-2.143c-1.462-.087-2.626.96-2.67 2.207M9.71 7.21a.75.75 0 1 0 0-1.5a.75.75 0 0 0 0 1.5"/><path d="M21 28h.06A1.94 1.94 0 0 0 23 26.06v-.132a5.69 5.69 0 0 0 4.827-4.199l.248.125a1.29 1.29 0 0 0 1.288-.039A1.32 1.32 0 0 0 30 20.69v-1.2c0-.17.043-.338.125-.488l.1-.215A7.4 7.4 0 0 0 31 15.5a3.5 3.5 0 0 0-5.974-2.472A12.8 12.8 0 0 0 18 10.89c-1.066 0-2.128.13-3.163.383l1.256-2.086a5.34 5.34 0 0 0 .776-2.987A5.42 5.42 0 0 0 11.488 1h-.022a5.39 5.39 0 0 0-4.745 2.889A1.3 1.3 0 0 1 6.2 4h-.9A4.3 4.3 0 0 0 1 8.338a3.72 3.72 0 0 0 2.072 3.316A1.333 1.333 0 0 0 4.888 11h3.327q.159.093.324.172L7.1 13.68A8.5 8.5 0 0 0 6 17.84a8.17 8.17 0 0 0 8 8.158v.062c0 .52.42.94.94.94H15v2h-2c-.55 0-1 .45-1 1h11c0-.55-.45-1-1-1h-1zm-2 0v1h-2v-2h.06a1 1 0 0 0 .175-.016A1.94 1.94 0 0 0 18.94 28zm-7.999-17.638a3.96 3.96 0 0 0 2.919-3.88a3.99 3.99 0 0 0-2.164-3.47a3.41 3.41 0 0 1 3.115 3.25a3.37 3.37 0 0 1-.488 1.882l-2.2 3.656a1.323 1.323 0 0 0 1.636 1.89c1.33-.53 2.75-.8 4.181-.8c2.411.018 4.749.832 6.649 2.316a1 1 0 0 0 1.5-.359A1.5 1.5 0 0 1 29 15.5a5.4 5.4 0 0 1-.569 2.413l-.1.2c-.22.426-.333.899-.331 1.378a2 2 0 0 1-.214-.221a1 1 0 0 0-1.786.617v.423A3.69 3.69 0 0 1 22 24a1 1 0 0 0-1 1l.06 1l-2.06.06V25a1 1 0 0 0-1-1h-3.84A6.17 6.17 0 0 1 8 17.84a6.5 6.5 0 0 1 .837-3.173l2.056-3.587a1 1 0 0 0 .108-.718M9.736 9.5a2.5 2.5 0 0 1-.669-.324A1 1 0 0 0 8.5 9H6V6h.2a3.25 3.25 0 0 0 1.865-.591A1 1 0 0 0 8.4 5a3.4 3.4 0 0 1 1.164-1.399q.234-.03.477-.021h.005c1.57.042 2.848 1.343 2.874 2.918A2.96 2.96 0 0 1 9.96 9.5z"/></g></svg>Dodo アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:dodo" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:dodo" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:dodo" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--dodo]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:dodo"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:dodo"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/dodo.svg" alt="Dodo アイコン" width="24" height="24">他のアイコンセットの Dodo アイコン
Dodo アイコン のよくある質問
Dodo アイコンは商用利用でも無料ですか?
はい。Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Dodo アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-high-contrast:dodo" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Dodo アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/dodo.svg" alt="Dodo アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。