Snapchat Logo Light アイコン
ph:snapchat-logo-light
Snapchat Logo Light アイコン(ph:snapchat-logo-light)は、Phosphor セットの無料 SVG アイコンです（作者: Phosphor Icons）。 256 × 256 のグリッドで描かれています。 Phosphor icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Phosphor
- 作者
- Phosphor Icons
- ライセンス
- MIT
- サイズ
- 256 × 256
- タグ
- logos、messaging、social media、snapchatlogo、logolight、snapchatlogolight
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M245.87 182.68a6 6 0 0 0-3.85-4.43c-.4-.14-30.71-11.53-44.87-52.25l21.08-8.43a6 6 0 1 0-4.46-11.14l-20 8A148.7 148.7 0 0 1 190 80a62 62 0 0 0-124 0a151.4 151.4 0 0 1-3.72 34.48l-20.05-8a6 6 0 0 0-4.46 11.14L58.93 126A96.1 96.1 0 0 1 40 158.87c-12.85 14.44-25.91 19.34-26 19.38a6 6 0 0 0-2.08 10c6.6 6.19 16.83 7.2 26.71 8.18c6.51.64 13.23 1.31 17.16 3.47c3.76 2.07 7.36 7 10.85 11.79c5.21 7.13 11.11 15.22 20.12 17.53c8.5 2.16 17.09-.76 25.4-3.59c5.72-1.94 11.11-3.78 15.86-3.78s10.14 1.84 15.86 3.78c6.29 2.14 12.74 4.34 19.19 4.34a25.4 25.4 0 0 0 6.21-.75c9-2.3 14.91-10.39 20.12-17.52c3.49-4.78 7.09-9.72 10.85-11.79c3.93-2.16 10.65-2.83 17.16-3.47c9.88-1 20.11-2 26.71-8.18a6 6 0 0 0 1.75-5.58m-29.66 1.84c-7.71.76-15.68 1.55-21.76 4.9s-10.5 9.39-14.77 15.22s-8.56 11.74-13.39 13c-5 1.28-11.61-1-18.57-3.32c-6.38-2.17-13-4.42-19.72-4.42s-13.34 2.25-19.72 4.42c-7 2.37-13.53 4.6-18.57 3.32c-4.83-1.24-9.18-7.2-13.39-13s-8.67-11.88-14.77-15.23s-14-4.14-21.76-4.9c-3.37-.33-6.79-.67-9.89-1.21a94 94 0 0 0 18.55-15.9c8.24-9.11 17.44-22.86 23.35-42.48a1.4 1.4 0 0 0 .08-.18a5.5 5.5 0 0 0 .35-1.27A156.2 156.2 0 0 0 78 80a50 50 0 0 1 100 0a156.2 156.2 0 0 0 5.77 43.51a5.3 5.3 0 0 0 .35 1.27a1 1 0 0 0 .08.17c5.91 19.63 15.11 33.38 23.35 42.49a94 94 0 0 0 18.55 15.9c-3.1.51-6.52.85-9.89 1.18"/></svg>Snapchat Logo Light アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="ph:snapchat-logo-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ph:snapchat-logo-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ph:snapchat-logo-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--snapchat-logo-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:snapchat-logo-light"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ph:snapchat-logo-light"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/ph/snapchat-logo-light.svg" alt="Snapchat Logo Light アイコン" width="24" height="24">Phosphor の関連アイコン
Snapchat Logo Light アイコン のよくある質問
Snapchat Logo Light アイコンは商用利用でも無料ですか?
はい。Phosphor icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Snapchat Logo Light アイコンを使うには?
@iconify/react をインストールして <Icon icon="ph:snapchat-logo-light" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Snapchat Logo Light アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/ph/snapchat-logo-light.svg" alt="Snapchat Logo Light アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。