Social Snapchat アイコン

Q: Social Snapchat アイコンは商用利用でも無料ですか?

はい。Foundation icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

foundation:social-snapchat

Social Snapchat アイコン(foundation:social-snapchat)は、Foundation セットの無料 SVG アイコンです（作者: Zurb）。 100 × 100 のグリッドで描かれています。 Foundation icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Foundation
作者: Zurb
ライセンス: MIT
サイズ: 100 × 100
タグ: socialsnapchat

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="currentColor" d="M71.925 43.847c.846-.21 1.651-.773 2.481-.789c1.279-.032 2.724-.045 3.813.498c1.89.943 2.04 2.999.312 4.25c-1.384.992-3.052 1.647-4.667 2.267c-3.594 1.388-4.072 2.433-2.255 5.837c3.012 5.639 7.229 9.836 13.681 11.39c.668.158 1.741.895 1.708 1.283c-.073.882-.506 2.178-1.174 2.485c-2.17 1.016-4.469 1.878-6.804 2.38c-1.457.3-2.004.838-2.311 2.21c-.656 2.894-1.231 3.254-4.036 2.692c-4.461-.899-8.383-.125-12.184 2.619c-7.67 5.549-13.386 5.525-21.04-.032c-3.732-2.72-7.598-3.481-11.993-2.578c-2.947.603-3.453.247-4.157-2.752c-.291-1.226-.749-1.858-2.178-2.129a27.3 27.3 0 0 1-6.476-2.105c-.826-.38-1.481-1.692-1.643-2.659c-.065-.397 1.316-1.307 2.161-1.542c6.946-1.898 11.176-6.65 14.021-12.949c.672-1.49.105-2.546-1.129-3.238c-1.101-.607-2.348-.951-3.522-1.441c-.741-.312-1.498-.623-2.178-1.044c-1.384-.854-2.546-1.915-1.745-3.752c.652-1.51 2.801-2.311 4.493-1.769c.959.304 1.898.7 2.874.915c1.279.275 2-.089 1.951-1.656c-.113-3.558-.316-7.144-.028-10.686c.607-7.484 4.983-12.423 11.718-15.05c9.735-3.781 21.36-.927 26.61 8.492c1.842 3.303 2.121 6.877 2.275 10.524c-.146 2.287-.263 4.57-.445 6.845c-.112 1.484.665 1.783 1.867 1.484"/></svg>

Social Snapchat アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="foundation:social-snapchat" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="foundation:social-snapchat" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="foundation:social-snapchat" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[foundation--social-snapchat]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/foundation -->
<div class="i-foundation:social-snapchat"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="foundation:social-snapchat"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/foundation/social-snapchat.svg" alt="Social Snapchat アイコン" width="24" height="24">

Foundation の関連アイコン

Social Snapchat アイコンのよくある質問

Social Snapchat アイコンは商用利用でも無料ですか?

はい。Foundation icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Social Snapchat アイコンを使うには?

@iconify/react をインストールして <Icon icon="foundation:social-snapchat" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Social Snapchat アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/foundation/social-snapchat.svg" alt="Social Snapchat アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Foundation アイコンをすべて見る →