Cotton Bureau アイコン
la:cotton-bureau
Cotton Bureau アイコン(la:cotton-bureau)は、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
- カテゴリ
- その他
- タグ
- cottonbureau
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M15.4 3C8.7 3 3 9 3 16s5.7 13 12.3 13h1.8c5.1 0 9.8-3.4 11.8-8h-2.1c-1.772 3.265-5.112 5.658-8.8 5.965v-1.766c0-1.308.558-2.478 1.568-3.178l.03-.019l.279-.223c.503.14 1.045.221 1.623.221c1.75 0 3.19-.692 4.123-1.742S27 17.848 27 16.5s-.444-2.708-1.377-3.758c-.786-.884-1.934-1.508-3.32-1.685c-.209-.84-.583-1.644-1.18-2.315C20.19 7.692 18.75 7 17 7s-3.19.692-4.123 1.742c-.597.671-.971 1.474-1.18 2.315c-1.386.177-2.534.801-3.32 1.685C7.444 13.792 7 15.152 7 16.5s.444 2.708 1.377 3.758S10.75 22 12.5 22c.578 0 1.12-.082 1.623-.22l.28.222l.029.02c1.01.7 1.568 1.869 1.568 3.177V27h-.6C9.7 27 5 22 5 16S9.7 5 15.3 5h1.8c4 0 7.8 2.5 9.6 6H29c-2-4.6-6.7-8-11.8-8zM17 9c1.25 0 2.06.433 2.627 1.07c.269.303.474.664.621 1.055c-1.187.244-2.171.83-2.871 1.617a5 5 0 0 0-.377.487a5 5 0 0 0-.377-.487c-.7-.787-1.684-1.373-2.871-1.617c.147-.39.352-.752.621-1.055C14.94 9.433 15.75 9 17 9m-5.45 4.105c.115 1.143.534 2.26 1.327 3.153c.7.787 1.684 1.373 2.871 1.617c-.147.39-.352.752-.621 1.055C14.56 19.567 13.75 20 12.5 20s-2.06-.433-2.627-1.07C9.306 18.292 9 17.403 9 16.5s.306-1.792.873-2.43c.407-.457.947-.802 1.678-.965zm10.9 0c.73.163 1.27.508 1.677.965c.567.638.873 1.527.873 2.43s-.306 1.792-.873 2.43C23.56 19.567 22.75 20 21.5 20s-2.06-.433-2.627-1.07a3.4 3.4 0 0 1-.621-1.055c1.187-.244 2.171-.83 2.871-1.617c.793-.892 1.212-2.01 1.326-3.153zm-8.895.034c.673.172 1.186.497 1.572.931c.432.486.71 1.119.818 1.791c-.673-.172-1.186-.497-1.572-.931c-.432-.486-.71-1.119-.818-1.791m6.89 0c-.109.672-.386 1.305-.818 1.79c-.386.435-.899.76-1.572.932c.109-.672.386-1.305.818-1.79c.386-.435.899-.76 1.572-.932M17 19.77q.174.253.377.487c.171.192.364.368.568.535c-.372.374-.667.81-.945 1.254c-.278-.444-.573-.88-.945-1.254c.204-.167.397-.343.568-.535A5 5 0 0 0 17 19.77"/></svg>Cotton Bureau アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="la:cotton-bureau" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="la:cotton-bureau" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="la:cotton-bureau" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[la--cotton-bureau]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/la -->
<div class="i-la:cotton-bureau"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="la:cotton-bureau"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/la/cotton-bureau.svg" alt="Cotton Bureau アイコン" width="24" height="24">他のアイコンセットの Cotton Bureau アイコン
Cotton Bureau アイコン のよくある質問
Cotton Bureau アイコンは商用利用でも無料ですか?
はい。Line Awesome icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Cotton Bureau アイコンを使うには?
@iconify/react をインストールして <Icon icon="la:cotton-bureau" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Cotton Bureau アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/la/cotton-bureau.svg" alt="Cotton Bureau アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。