Scarf アイコン
twemoji:scarf
Scarf アイコン(twemoji:scarf)は、Twitter Emoji セットの無料 SVG アイコンです（作者: Twitter）。 36 × 36 のグリッドで描かれています。 Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Twitter Emoji
- 作者
- ライセンス
- CC-BY-4.0
- サイズ
- 36 × 36
- カテゴリ
- 物
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#a0041e" d="M13 2c-1 1-2.576 5.03-3 8c-1 7-1 18-1 18s2 1 4 1s1 1 6 1c0 0-1.89-22.92 1-27c1.77-2.499-6-2-7-1"/><path fill="#dd2e44" d="M10.409 5.73C8.143 7.036 7.424 9.03 7 12c-1 7-1 18-1 18s2 1 4 1s1 1 6 1c0 0-2-23 1-27s-5.366.024-6.591.73"/><path fill="#a0041e" d="M13.483 4.274s-2.649 1.212-3.074 1.456c-1.423.82-2.235 1.913-2.748 3.347c1.884.775 5.204 1.09 7.98 1.188c.01-.096 1.588-1.099 1.588-1.099l.001-4.493z"/><path fill="#dd2e44" d="M28.982 1.641C28.075-1.118 22.63.722 19 .722c-3.692 0-9.016-1.84-9.939.92c-.923 2.759-4.615 5.518.923 6.438S19 9 19 9s3.63 0 9.075-.92s1.815-3.679.907-6.439"/><path fill="#a0041e" d="M26.385.866c-.923 0-3.693.751-7.385.751S12.538.866 11.615.866S12.538 2.638 19 2.638S27.308.866 26.385.866"/><path fill="#dd2e44" d="M6.257 34.718a.5.5 0 0 1-.497-.452c-.058-.595-.072-2.676.234-3.841a.499.499 0 1 1 .966.254c-.273 1.04-.25 3.03-.206 3.491a.5.5 0 0 1-.45.546zm1.569.382a.5.5 0 0 1-.497-.452c-.057-.584-.066-2.515.246-3.829a.495.495 0 0 1 .602-.371a.5.5 0 0 1 .371.601c-.276 1.166-.272 3.002-.224 3.503a.5.5 0 0 1-.45.546zm1.683.348a.5.5 0 0 1-.497-.452c-.044-.453-.099-2.601.226-3.977a.496.496 0 0 1 .602-.372a.5.5 0 0 1 .372.601c-.276 1.171-.25 3.176-.204 3.652a.5.5 0 0 1-.45.546zm1.857.169a.5.5 0 0 1-.5-.5c0-.309-.007-.587-.013-.851c-.022-.911-.042-1.697.242-2.928a.5.5 0 1 1 .975.225c-.256 1.107-.239 1.801-.217 2.679c.007.271.014.558.014.875a.5.5 0 0 1-.501.5m1.873.371a.5.5 0 0 1-.497-.452c-.054-.56-.014-2.362.214-3.625a.5.5 0 0 1 .984.178c-.223 1.234-.244 2.93-.204 3.351a.5.5 0 0 1-.45.546zm2.209-.094a.5.5 0 0 1-.497-.452c-.034-.349-.021-1.142-.007-2.06c.008-.502.016-1.022.016-1.477a.5.5 0 0 1 1 0c0 .459-.008.984-.016 1.492c-.013.813-.026 1.655.002 1.948a.5.5 0 0 1-.45.546z"/><path fill="#a0041e" d="M18.599 34.338a.5.5 0 0 1-.497-.452a51 51 0 0 1-.143-3.535a.5.5 0 0 1 1 0c0 1.225.091 2.947.138 3.439a.5.5 0 0 1-.45.546zm-1.645-.094a.5.5 0 0 1-.497-.452a51 51 0 0 1-.143-3.536a.5.5 0 0 1 1 0c0 1.226.091 2.948.138 3.44a.5.5 0 0 1-.45.546z"/></svg>Scarf アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:scarf" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:scarf" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:scarf" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--scarf]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:scarf"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:scarf"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/twemoji/scarf.svg" alt="Scarf アイコン" width="24" height="24">他のアイコンセットの Scarf アイコン
Scarf アイコン のよくある質問
Scarf アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Scarf アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:scarf" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Scarf アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/scarf.svg" alt="Scarf アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。