Lynx アイコン
material-icon-theme:lynx
Lynx アイコン(material-icon-theme:lynx)は、Material Icon Theme セットの無料 SVG アイコンです（作者: Material Extensions）。 24 × 24 のグリッドで描かれています。 Material Icon Theme icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Icon Theme
- 作者
- Material Extensions
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="#ff3d00"><path fill-rule="evenodd" d="m7.604 5.868l-2.71 1.98a1.47 1.47 0 0 0-.57.905l-.266 1.352a.45.45 0 0 1-.09.194l-1.23 1.71c-.166.205-.162.748.292 1.095c.174.161.406.522.67.932c.56.868 1.264 1.958 1.858 1.845c.84-.313 1.868-.413 2.658 0c1.534 1.405 1.158 2.701.617 4.56c-.217.747-.46 1.585-.617 2.559c.737-2.846 2.394-6.151 5.383-7.273c-.538-.466-1.637-.9-2.61-1.004c0 0 2.988-2.714 6.673-3.96c-2.572-6.493-6.819-9.596-6.819-9.596a.42.42 0 0 0-.743.159c-.073 1.026-.193 1.724-.39 2.382L8.215 1.88c-.156-.2-.468-.084-.467.172c.253 1.492.218 2.328-.145 3.816m1.051-.136h.01a.4.4 0 0 0 .057-.009zm2.02-3.348c1.024 1.876 1.488 2.942 1.645 4.93c-1.089-.656-1.563-.822-2.364-.818c.468-1.507.61-2.414.72-4.112" clip-rule="evenodd"/><path d="M17.253 16.316C13.084 17.328 10.716 18.85 8.905 23c3.251-5.785 13.092-4.75 13.092-4.75c-.183-.946-2.14-2.748-3.427-3.853c0 0 1.038-1.354 3.333-2.04c0 0-4.412.272-6.981 1.743c.832.466 1.898 1.252 2.33 2.216"/></g></svg>Lynx アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-icon-theme:lynx" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-icon-theme:lynx" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-icon-theme:lynx" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-icon-theme--lynx]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-icon-theme -->
<div class="i-material-icon-theme:lynx"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-icon-theme:lynx"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/material-icon-theme/lynx.svg" alt="Lynx アイコン" width="24" height="24">Lynx アイコン のよくある質問
Lynx アイコンは商用利用でも無料ですか?
はい。Material Icon Theme icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Lynx アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-icon-theme:lynx" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Lynx アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-icon-theme/lynx.svg" alt="Lynx アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。