Alien Remix アイコン
streamline-flex:alien-remix
Alien Remix アイコン(streamline-flex:alien-remix)は、Flex free icons セットの無料 SVG アイコンです（作者: Streamline）。 14 × 14 のグリッドで描かれています。 Flex free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Flex free icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 14 × 14
- カテゴリ
- 自然・エコロジー
- タグ
- alienremix
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><path fill="currentColor" fill-rule="evenodd" d="M7 .25c-.986 0-2.649.056-4.077.77c-.727.364-1.405.903-1.897 1.696c-.493.793-.776 1.8-.776 3.059c0 2.91 1.26 4.913 2.728 6.178a8.3 8.3 0 0 0 2.206 1.362c.687.285 1.338.435 1.816.435s1.129-.15 1.816-.435a8.3 8.3 0 0 0 2.206-1.362c1.468-1.265 2.728-3.269 2.728-6.178c0-1.26-.283-2.266-.776-3.06c-.492-.792-1.17-1.331-1.897-1.695C9.649.306 7.987.25 7 .25M1.5 5.775c0-1.068.238-1.837.587-2.4c.35-.562.835-.957 1.395-1.237C4.626 1.566 6.026 1.5 7 1.5s2.374.066 3.518.638c.56.28 1.045.675 1.395 1.237s.587 1.332.587 2.4c0 2.503-1.068 4.174-2.294 5.231c-.62.533-1.28.911-1.868 1.154c-.599.248-1.08.34-1.338.34c-.257 0-.74-.092-1.338-.34a7 7 0 0 1-1.868-1.154C2.568 9.95 1.5 8.278 1.5 5.775m3.928-.678a2.22 2.22 0 0 0-1.49-.696a2.6 2.6 0 0 0-1.174.187a.5.5 0 0 0-.28.344c-.08.315-.138.813-.073 1.348c.065.54.26 1.156.722 1.643c.46.487 1.014.663 1.49.696c.473.033.904-.07 1.173-.187a.5.5 0 0 0 .28-.344c.08-.316.139-.813.074-1.348c-.065-.54-.261-1.156-.722-1.643m4.586-.696a2.22 2.22 0 0 0-1.491.696c-.46.487-.657 1.102-.722 1.643a3.9 3.9 0 0 0 .074 1.348a.5.5 0 0 0 .28.344c.27.116.7.22 1.172.187a2.22 2.22 0 0 0 1.491-.696c.461-.487.657-1.102.722-1.643a3.9 3.9 0 0 0-.074-1.348a.5.5 0 0 0-.28-.345c-.269-.115-.7-.22-1.172-.186" clip-rule="evenodd"/></svg>Alien Remix アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-flex:alien-remix" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-flex:alien-remix" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-flex:alien-remix" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-flex--alien-remix]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-flex -->
<div class="i-streamline-flex:alien-remix"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-flex:alien-remix"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-flex/alien-remix.svg" alt="Alien Remix アイコン" width="24" height="24">Flex free icons の関連アイコン
他のアイコンセットの Alien Remix アイコン
Alien Remix アイコン のよくある質問
Alien Remix アイコンは商用利用でも無料ですか?
はい。Flex free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Alien Remix アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-flex:alien-remix" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Alien Remix アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-flex/alien-remix.svg" alt="Alien Remix アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。