Snapchat Ghost アイコン
fa-brands:snapchat-ghost
Snapchat Ghost アイコン(fa-brands:snapchat-ghost)は、Font Awesome 5 Brands セットの無料 SVG アイコンです（作者: Dave Gandy）。 512 × 512 のグリッドで描かれています。 Font Awesome 5 Brands icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Font Awesome 5 Brands
- 作者
- Dave Gandy
- ライセンス
- CC-BY-4.0
- サイズ
- 512 × 512
- タグ
- snapchatghost
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M510.846 392.673c-5.211 12.157-27.239 21.089-67.36 27.318c-2.064 2.786-3.775 14.686-6.507 23.956c-1.625 5.566-5.623 8.869-12.128 8.869l-.297-.005c-9.395 0-19.203-4.323-38.852-4.323c-26.521 0-35.662 6.043-56.254 20.588c-21.832 15.438-42.771 28.764-74.027 27.399c-31.646 2.334-58.025-16.908-72.871-27.404c-20.714-14.643-29.828-20.582-56.241-20.582c-18.864 0-30.736 4.72-38.852 4.72c-8.073 0-11.213-4.922-12.422-9.04c-2.703-9.189-4.404-21.263-6.523-24.13c-20.679-3.209-67.31-11.344-68.498-32.15a10.627 10.627 0 0 1 8.877-11.069c69.583-11.455 100.924-82.901 102.227-85.934c.074-.176.155-.344.237-.515c3.713-7.537 4.544-13.849 2.463-18.753c-5.05-11.896-26.872-16.164-36.053-19.796c-23.715-9.366-27.015-20.128-25.612-27.504c2.437-12.836 21.725-20.735 33.002-15.453c8.919 4.181 16.843 6.297 23.547 6.297c5.022 0 8.212-1.204 9.96-2.171c-2.043-35.936-7.101-87.29 5.687-115.969C158.122 21.304 229.705 15.42 250.826 15.42c.944 0 9.141-.089 10.11-.089c52.148 0 102.254 26.78 126.723 81.643c12.777 28.65 7.749 79.792 5.695 116.009c1.582.872 4.357 1.942 8.599 2.139c6.397-.286 13.815-2.389 22.069-6.257c6.085-2.846 14.406-2.461 20.48.058l.029.01c9.476 3.385 15.439 10.215 15.589 17.87c.184 9.747-8.522 18.165-25.878 25.018c-2.118.835-4.694 1.655-7.434 2.525c-9.797 3.106-24.6 7.805-28.616 17.271c-2.079 4.904-1.256 11.211 2.46 18.748q.13.254.239.515c1.301 3.03 32.615 74.46 102.23 85.934c6.427 1.058 11.163 7.877 7.725 15.859"/></svg>
Snapchat Ghost アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fa-brands:snapchat-ghost" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa-brands:snapchat-ghost" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa-brands:snapchat-ghost" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa-brands--snapchat-ghost]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa-brands -->
<div class="i-fa-brands:snapchat-ghost"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa-brands:snapchat-ghost"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fa-brands/snapchat-ghost.svg" alt="Snapchat Ghost アイコン" width="24" height="24">
Font Awesome 5 Brands の関連アイコン
他のアイコンセットの Snapchat Ghost アイコン
Snapchat Ghost アイコン のよくある質問
Snapchat Ghost アイコンは商用利用でも無料ですか?
はい。Font Awesome 5 Brands icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Snapchat Ghost アイコンを使うには?
@iconify/react をインストールして <Icon icon="fa-brands:snapchat-ghost" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Snapchat Ghost アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fa-brands/snapchat-ghost.svg" alt="Snapchat Ghost アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Font Awesome 5 Brands アイコン をすべて見る →
ICONYZ
