ICONYZ
日本語
Foundation の Social Evernote アイコン

Social Evernote アイコン

foundation:social-evernote

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

アイコンセット
Foundation
作者
Zurb
ライセンス
MIT
サイズ
100 × 100
タグ
socialevernote
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="currentColor" d="M23.851 26.072h7.336a.76.76 0 0 0 .759-.758c0-.004-.089-6.286-.089-8.033v-.021c0-1.436.301-2.686.826-3.735l.25-.471a.15.15 0 0 0-.083.048L18.605 27.226a.16.16 0 0 0-.054.083c.295-.147.698-.345.755-.37c1.24-.56 2.745-.867 4.545-.867"/><path fill="currentColor" d="M80.894 24.535c-.582-3.117-2.435-4.654-4.111-5.258c-1.808-.653-5.474-1.33-10.08-1.873c-3.706-.436-8.06-.401-10.691-.32c-.316-2.162-1.833-4.138-3.53-4.822c-4.522-1.818-11.509-1.381-13.303-.878c-1.425.398-3.003 1.216-3.881 2.474c-.589.84-.971 1.917-.974 3.421c0 .852.024 2.856.045 4.639c.022 1.788.045 3.386.045 3.398a2.89 2.89 0 0 1-2.889 2.889h-7.332c-1.564 0-2.759.264-3.672.678a5.1 5.1 0 0 0-2.053 1.637c-.979 1.312-1.15 2.936-1.145 4.592c0 0 .014 1.352.34 3.971c.271 2.026 2.468 16.182 4.555 20.485c.809 1.674 1.349 2.372 2.938 3.109c3.542 1.518 11.633 3.205 15.424 3.688c3.785.484 6.161 1.503 7.577-1.467c.004-.006.283-.738.667-1.81c1.229-3.724 1.4-7.03 1.4-9.42c0-.243.356-.255.356 0c0 1.689-.323 7.662 4.191 9.265c1.781.632 5.478 1.195 9.233 1.635c3.396.391 5.86 1.729 5.86 10.439c0 5.301-1.113 6.027-6.933 6.027c-4.719 0-6.517.122-6.517-3.626c0-3.028 2.997-2.712 5.217-2.712c.992 0 .272-.737.272-2.606c0-1.86 1.163-2.934.063-2.962c-7.678-.211-12.196-.01-12.196 9.594c0 8.717 3.336 10.337 14.234 10.337c8.544 0 11.556-.28 15.084-11.227c.698-2.162 2.386-8.756 3.409-19.829c.647-7.003-.607-28.134-1.603-33.468M66 47.892a15.5 15.5 0 0 0-3.018.182c.268-2.153 1.155-4.793 4.301-4.682c3.483.119 3.972 3.411 3.984 5.642c-1.469-.656-3.287-1.073-5.267-1.142"/></svg>

Social Evernote アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Foundation の関連アイコン

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

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

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

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

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

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

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

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