Scarf アイコン
openmoji:scarf
Scarf アイコン(openmoji:scarf)は、OpenMoji セットの無料 SVG アイコンです。 72 × 72 のグリッドで描かれています。 OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- OpenMoji
- 作者
- OpenMoji
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 72 × 72
- カテゴリ
- 物
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#ea5a47" d="M58.533 26.287c-.764-4.537-5.518-3.34-6.666-4.874c0 0 1.573-3.701.79-6.24c-.84-2.724-4.503-4.472-5.075-4.018a20.75 20.75 0 0 1-11.608 4.017a20.75 20.75 0 0 1-11.609-4.017c-.572-.454-4.235 1.294-5.075 4.017a8.2 8.2 0 0 0 .107 4.098a2.65 2.65 0 0 1-1.916 3.208c-1.696.422-3.607 1.074-4.067 3.809c-1.197 7.114 3.925 8.466 6.665 8.807c7.887.98 23.886.84 31.788 0c2.746-.292 7.863-1.693 6.666-8.807"/><path fill="#ea5a47" d="M41.786 35.782s7.049-.412 7.43-.454a33.7 33.7 0 0 0 7.826-1.811c.02-.006 0 5.638 0 5.638c-.16 6.567-.852 16.53-.852 16.53l-13.39 1.44s-.156-10.784-.23-17.146c-.002-.13-.783-.834-.784-.96Z"/><path fill="none" stroke="#ea5a47" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M46.14 61.108v-6.015m2.666 5.686v-6.014m2.666 5.686v-6.014"/><path fill="#d22f27" d="M58.533 26.287c-1.11-4.465-5.518-3.34-6.666-4.874c0 0 1.573-3.701.79-6.24c-.84-2.724-4.503-4.472-5.075-4.018a24.64 24.64 0 0 1-1.442 12.277s1.05 7.163-3.45 12.346c0 0 18.328.511 15.843-9.491m-1.491 7.23l-5.954 22.642l4.528-.574l1.426-18.01z"/><g fill="none" stroke="#000" stroke-width="2"><path stroke-miterlimit="10" d="M58.533 26.287c-.554-3.29-3.207-3.565-5.06-4.053a1.65 1.65 0 0 1-1.165-2.075a9.3 9.3 0 0 0 .349-4.987c-.84-2.723-4.504-4.472-5.076-4.017a20.75 20.75 0 0 1-11.608 4.017a20.75 20.75 0 0 1-11.608-4.017c-.572-.455-4.236 1.294-5.075 4.017a9.5 9.5 0 0 0 .394 5.134a1.47 1.47 0 0 1-.978 1.865c-1.856.533-4.715.686-5.292 4.116c-1.198 7.114 3.925 8.466 6.665 8.807c7.886.98 23.886.84 31.788 0c2.746-.292 7.863-1.693 6.666-8.807Z"/><path stroke-linecap="round" stroke-linejoin="round" d="M56.056 54.711V37.337M42.8 56.118V38.743m9.419 21.236v-6.014m-2.666 6.342v-6.014m-2.666 6.343v-6.015"/><path stroke-linecap="round" stroke-miterlimit="10" d="M22.98 23.431c3.707 1.675 7.57 2.176 12.993 2.176a25.1 25.1 0 0 0 7.165-1.088"/></g></svg>Scarf アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:scarf" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:scarf" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:scarf" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--scarf]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:scarf"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:scarf"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/openmoji/scarf.svg" alt="Scarf アイコン" width="24" height="24">他のアイコンセットの Scarf アイコン
Scarf アイコン のよくある質問
Scarf アイコンは商用利用でも無料ですか?
はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Scarf アイコンを使うには?
@iconify/react をインストールして <Icon icon="openmoji:scarf" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Scarf アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/openmoji/scarf.svg" alt="Scarf アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。