Hat Cowboy アイコン
la:hat-cowboy
Hat Cowboy アイコン(la:hat-cowboy)は、Line Awesome セットの無料 SVG アイコンです（作者: Icons8）。 32 × 32 のグリッドで描かれています。 Line Awesome icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Line Awesome
- 作者
- Icons8
- ライセンス
- Apache-2.0
- サイズ
- 32 × 32
- カテゴリ
- 衣類
- タグ
- hatcowboy、hat cowboy solid
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M14 6c-.898 0-1.563.5-2.156 1.156c-.59.649-1.07 1.532-1.313 2.594c-.004.012.004.02 0 .031c-.261 1-.633 2.727-.937 4.219C8.894 13.395 8 13 7 13c-2.21 0-4 1.79-4 4c0 2.105.543 4.477 2.531 6.219C7.52 24.96 10.766 26 16 26c5.238 0 8.516-1.059 10.5-2.813C28.484 21.434 29 19.06 29 17c0-2.21-1.79-4-4-4a3.98 3.98 0 0 0-2.594.969l-.031-.031c0-.004-.031.003-.031 0c-.356-1.649-.64-3.036-.875-4.157c-.239-1.125-.742-2.035-1.344-2.687C19.523 6.44 18.859 6 18 6c-.816 0-1.352.418-1.719.688c-.129.093-.199.16-.281.218c-.082-.058-.152-.125-.281-.218C15.352 6.418 14.816 6 14 6m0 2c-.016 0 .223.082.531.313c.156.113.317.238.531.374c.215.137.481.313.938.313s.723-.176.938-.313c.214-.136.375-.261.53-.374c.31-.231.548-.313.532-.313c-.059 0 .309.094.656.469s.711.976.875 1.75c.278 1.312.68 3.18 1.032 4.812a2 2 0 0 1-.157.094C19.73 15.52 18.418 16 16 16s-3.73-.48-4.406-.875c-.078-.043-.125-.082-.188-.125c.344-1.66.774-3.656 1.063-4.75v-.031c.16-.723.52-1.324.875-1.719S14.102 8 14 8m-7 7c1.16 0 1.957.77 2 1.906v.032a1 1 0 0 0 .031.562a1 1 0 0 0 .031.094c.196 1.949 1.293 3.254 2.626 3.812C13.152 22.023 14.75 22 16 22c1.277 0 2.895-.016 4.344-.656c1.347-.598 2.472-1.946 2.625-3.907A1 1 0 0 0 23 17v-.031a1 1 0 0 0 0-.125c.066-1.106.863-1.844 2-1.844c1.191 0 2 .809 2 2c0 1.742-.379 3.395-1.844 4.688S20.961 24 16 24c-4.965 0-7.695-1-9.156-2.281S5 18.797 5 17c0-1.191.809-2 2-2m4 2.063c1.059.515 2.617.937 5 .937s3.941-.422 5-.938c-.016 1.543-.559 2.036-1.469 2.438c-.926.41-2.308.5-3.531.5c-1.25 0-2.652-.023-3.563-.406c-.898-.38-1.425-.875-1.437-2.532z"/></svg>Hat Cowboy アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="la:hat-cowboy" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="la:hat-cowboy" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="la:hat-cowboy" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[la--hat-cowboy]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/la -->
<div class="i-la:hat-cowboy"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="la:hat-cowboy"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/la/hat-cowboy.svg" alt="Hat Cowboy アイコン" width="24" height="24">Line Awesome の関連アイコン
他のアイコンセットの Hat Cowboy アイコン
Hat Cowboy アイコン のよくある質問
Hat Cowboy アイコンは商用利用でも無料ですか?
はい。Line Awesome icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Hat Cowboy アイコンを使うには?
@iconify/react をインストールして <Icon icon="la:hat-cowboy" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Hat Cowboy アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/la/hat-cowboy.svg" alt="Hat Cowboy アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。