Helix アイコン
file-icons:helix
Helix アイコン(file-icons:helix)は、File Icons セットの無料 SVG アイコンです（作者: John Gardner）。 448 × 512 のグリッドで描かれています。 File Icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- File Icons
- 作者
- John Gardner
- ライセンス
- ISC
- サイズ
- 448 × 512
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="448" height="512" viewBox="0 0 448 512"><path fill="currentColor" fill-rule="evenodd" d="M193.294 193.87c62.13-36.818 73.636-67.883 74.787-73.636c-11.116-2.354-25.344-7.04-34.517-10.355c0 0-2.301 6.903-13.807 18.409L163.38 96.072c-10.636-5.11-16.199-2.79-24.162 6.903c-4.602 8.054-2.301 19.56 6.903 24.162l44.872 25.312c-4.602 3.452-9.204 6.904-14.957 9.205c-65.582 39.119-69.034 81.69-67.883 92.045c0 9.204-6.904 58.679 75.937 104.701c5.753-6.903 13.807-16.108 25.312-25.312c-31.004-18.442-62.522-38.271-66.732-78.814c0-5.177 2.3-32.79 50.624-60.404m150.724 66.732c0-9.204 6.903-58.678-75.937-104.7c-5.753 6.902-13.807 16.107-25.312 25.311c33.872 23.517 61.386 33.604 66.732 80.54c0 3.451-2.301 31.065-50.625 58.678c-62.13 36.818-73.636 67.884-74.786 73.636l34.517 9.205c4.482-8.334 10.978-14.389 13.806-17.259l56.378 32.216c10.635 5.11 19.984 3.03 24.162-6.903c4.602-8.054 2.3-19.56-6.904-24.162l-44.871-25.312c32.202-16.032 81.996-53.707 82.84-101.25M266.93 274.41h-81.69c-25.299.315-25.938-35.36 0-34.517h81.69c25.823.208 25.415 34.836 0 34.517M5.753 123.685C2.3 125.987 0 130.59 0 134.04v243.92c0 3.451 2.301 9.204 5.753 10.355l211.703 121.96c3.452 2.3 9.205 2.3 12.656 0l211.704-121.96c3.451-2.302 5.753-6.904 5.753-10.355V135.19c0-3.452-2.302-9.204-5.753-10.355L230.112 1.726c-3.451-2.301-9.204-2.301-12.656 0z"/></svg>Helix アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:helix" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:helix" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:helix" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--helix]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:helix"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:helix"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/file-icons/helix.svg" alt="Helix アイコン" width="24" height="24">他のアイコンセットの Helix アイコン
Helix アイコン のよくある質問
Helix アイコンは商用利用でも無料ですか?
はい。File Icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Helix アイコンを使うには?
@iconify/react をインストールして <Icon icon="file-icons:helix" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Helix アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/file-icons/helix.svg" alt="Helix アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。