Evernote Line アイコン
ri:evernote-line
Evernote Line アイコン(ri:evernote-line)は、Remix Icon セットの無料 SVG アイコンです（作者: Remix Design）。 24 × 24 のグリッドで描かれています。 Remix Icon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Remix Icon
- 作者
- Remix Design
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- カテゴリ
- ロゴ
- タグ
- evernoteline
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M10.501 8.5a1 1 0 0 1-1 1H6.002c-.336 0-.501.261-.501.532c0 1.32.254 2.371.664 3.193c.216.433.399.67.523.79c.735.76 1.886 1.16 3.092 1.089c.095-.006.199-.064.332-.208c.121-.132.203-.268.214-.293a2 2 0 0 1 2.531-1.073c.693.258 1.277.434 1.813.56c.196.046.375.083.586.123c-.077-.015.402.073.518.097c.34.07.598.146.883.29a5.1 5.1 0 0 1 1.775 1.475a32 32 0 0 0 .087-2.026a34 34 0 0 0-.558-6.673c-.075-.398-.237-.562-.664-.718a4 4 0 0 0-.587-.155c-.146-.028-.65-.11-.693-.118l-.011-.002l-2.33-.407l-.527-.092a2 2 0 0 1-1.524-1.26l-.034-.088a6 6 0 0 0-.702-.036c-.271 0-.388.124-.388.463zm6.23 11.639c.352-.356.56-.829.587-1.327c.054-1.036-.824-2.48-2.317-2.634c-.617-.063-1.586-.306-2.842-.774c0 0-.7 1.603-2.26 1.696c-1.665.1-3.43-.433-4.65-1.696c0 0-1.748-1.64-1.748-5.372c0-.814.29-1.422.648-1.904c.96-1.292 2.505-2.78 4.133-4.304C9.001 3.15 9.702 2.5 10.89 2.5c2.04 0 2.32.664 2.605 1.414l2.854.499c.907.166 3.15.316 3.578 2.594c1.006 5.42.458 9.87.347 10.675c-.71 5.121-4.772 4.871-4.931 4.871c-2.059 0-3.178-1.373-3.183-2.677a2.5 2.5 0 0 1 1.038-2.034a2.6 2.6 0 0 1 1.527-.478c.304 0 .687.318.687.753c0 .37-.255.575-.383.645c-.223.123-1.12.174-1.12.865c0 .317.348 1.114 1.385 1.114a2.03 2.03 0 0 0 1.437-.602m-1.796-9.51c.166-.415.627-.632 1.172-.582c.544.067.956.4 1.006.848c0 .083.017.183-.017.233c-.032.05-.066.067-.1.067c-.213.033-.543 0-1.021-.05c-.48-.05-.808-.1-1.006-.2c-.033-.017-.066-.033-.083-.083s.016-.15.05-.233"/></svg>Evernote Line アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="ri:evernote-line" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ri:evernote-line" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ri:evernote-line" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ri--evernote-line]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ri -->
<div class="i-ri:evernote-line"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ri:evernote-line"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/ri/evernote-line.svg" alt="Evernote Line アイコン" width="24" height="24">Remix Icon の関連アイコン
Evernote Line アイコン のよくある質問
Evernote Line アイコンは商用利用でも無料ですか?
はい。Remix Icon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Evernote Line アイコンを使うには?
@iconify/react をインストールして <Icon icon="ri:evernote-line" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Evernote Line アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/ri/evernote-line.svg" alt="Evernote Line アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。