Hat 2 アイコン
streamline-kameleon-color:hat-2
Hat 2 アイコン(streamline-kameleon-color:hat-2)は、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
- カテゴリ
- ショッピング
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path fill="#fabc3d" d="M24 47.998c13.255 0 24-10.745 24-24C48 10.746 37.255 0 24 0S0 10.745 0 23.999s10.745 23.999 24 23.999"/><path fill="#3e3e3f" d="M37.771 27.817a.9.9 0 0 0-.244-.21a.85.85 0 0 0-.677-.082c-1.558.447-4.018.943-6.714 1.285c.04-.733.084-1.465.143-2.193c.475-5.747 1.152-8.504 3.286-13.527a1.75 1.75 0 0 0-.358-1.457c-1.625-2.01-16.79-2.01-18.415 0a1.75 1.75 0 0 0-.358 1.457c2.134 5.023 2.81 7.78 3.286 13.527c.059.727.103 1.46.143 2.193c-2.696-.342-5.155-.837-6.714-1.285a.85.85 0 0 0-.677.082a.9.9 0 0 0-.244.21a.88.88 0 0 0-.087.964c1.41 2.583 5.131 7.435 13.859 7.435s12.449-4.852 13.858-7.435a.88.88 0 0 0-.087-.964"/><path fill="#5b5c5f" d="M24 10.126c-4.198 0-8.396.503-9.208 1.508a1.75 1.75 0 0 0-.358 1.457c2.134 5.022 2.81 7.78 3.286 13.527c.058.727.102 1.46.143 2.193c-2.696-.342-5.156-.838-6.715-1.286a.85.85 0 0 0-.676.083a.9.9 0 0 0-.245.21a.88.88 0 0 0-.087.964c1.41 2.583 5.132 7.435 13.86 7.435z"/><path fill="#f0f1f1" d="M24 29.236c1.995 0 4.13-.17 6.136-.425c.04-.734.084-1.466.143-2.194H17.72c.059.728.103 1.46.143 2.194c2.005.254 4.141.424 6.137.424"/><path fill="#fff" d="M24 26.617h-6.28c.059.728.103 1.46.143 2.194c2.005.254 4.141.425 6.137.425z"/></g></svg>Hat 2 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-kameleon-color:hat-2" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-kameleon-color:hat-2" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-kameleon-color:hat-2" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-kameleon-color--hat-2]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-kameleon-color -->
<div class="i-streamline-kameleon-color:hat-2"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-kameleon-color:hat-2"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-kameleon-color/hat-2.svg" alt="Hat 2 アイコン" width="24" height="24">Kameleon color icons の関連アイコン
Hat 2 アイコン のよくある質問
Hat 2 アイコンは商用利用でも無料ですか?
はい。Kameleon color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Hat 2 アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-kameleon-color:hat-2" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Hat 2 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-kameleon-color/hat-2.svg" alt="Hat 2 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。