Etsy アイコン
bxl:etsy
Etsy アイコン(bxl:etsy)は、Boxicons Brands セットの無料 SVG アイコンです（作者: Boxicons）。 24 × 24 のグリッドで描かれています。 Boxicons Brands icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Boxicons Brands
- 作者
- Boxicons
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M11.139 14.058c-.438 0-.693-.294-.693-1.058v-2.696l1.456.112l.074-.694l-1.496.074v-1.53h-.438c-.216 1.201-.759 1.638-1.488 1.712v.364h.869v3.062c0 .836.588 1.271 1.313 1.271c.585 0 1.202-.255 1.418-.763l-.217-.255c-.108.18-.402.401-.798.401m-3.494-.803c-.294.69-.767.729-1.24.729h-1.53c-.508 0-.729-.186-.729-.62v-2.258s1.092 0 1.457.039c.291.035.438.109.546.473l.108.511h.438l-.039-1.309l.074-1.278h-.434l-.147.585c-.073.399-.147.438-.546.508c-.508.038-1.457.038-1.457.038V7.979c0-.112 0-.147.185-.147h2.291c.402 0 .62.326.763.98l.147.512h.399c.039-1.457.074-2.074.074-2.074s-.981.105-1.562.105H3.53L2 7.324v.399l.508.107c.367.074.475.147.475.473c0 0 .039.984.039 2.619c0 1.639-.039 2.623-.039 2.623c0 .291-.108.399-.475.473L2 14.131v.396l1.565-.035h2.623c.581 0 1.965.035 1.965.035c.034-.361.216-1.964.255-2.146H8.04zm6.04-2.622c0-.474.437-.655.875-.655c.36 0 .653.147.729.325l.255.729l.361-.035c0-.364.038-.838.111-1.201c-.328-.147-.983-.221-1.421-.221c-.984 0-1.747.441-1.747 1.387c0 1.674 2.44 1.31 2.44 2.549c0 .399-.256.729-.876.729c-.581 0-.837-.294-.945-.585l-.29-.693h-.369c.04.476.074.948 0 1.382c0 0 .767.294 1.531.294c1.022 0 1.858-.507 1.858-1.457c0-1.674-2.512-1.421-2.512-2.548m6.369-.945v.364l.259.074c.252.07.36.178.36.363c0 .108-.034.144-.073.291c-.108.291-.802 2.003-1.162 2.767a76 76 0 0 1-1.093-2.949c-.035-.073-.035-.108-.035-.146c0-.148.105-.292.361-.326l.329-.074v-.364l-1.346.073l-1.096-.039v.368l.187.069c.251.074.287.11.469.512c.693 1.53 1.457 3.529 1.716 4.15c-.584 1.019-1.204 1.309-1.677 1.309c-.291 0-.399-.147-.435-.329l-.146-.763l-.4.035c-.073.477-.147.984-.255 1.383c.287.182.616.294 1.053.293c.691 0 1.675-.182 2.623-2.332l1.601-3.747c.145-.293.182-.329.546-.476l.183-.144v-.362l-.945.034z"/></svg>
Etsy アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="bxl:etsy" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="bxl:etsy" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="bxl:etsy" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[bxl--etsy]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/bxl -->
<div class="i-bxl:etsy"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="bxl:etsy"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/bxl/etsy.svg" alt="Etsy アイコン" width="24" height="24">
Etsy アイコン のよくある質問
Etsy アイコンは商用利用でも無料ですか?
はい。Boxicons Brands icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Etsy アイコンを使うには?
@iconify/react をインストールして <Icon icon="bxl:etsy" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Etsy アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/bxl/etsy.svg" alt="Etsy アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Boxicons Brands アイコン をすべて見る →
ICONYZ
