Html Five Remix アイコン
streamline-plump:html-five-remix
Html Five Remix アイコン(streamline-plump:html-five-remix)は、Plump free icons セットの無料 SVG アイコンです（作者: Streamline）。 48 × 48 のグリッドで描かれています。 Plump free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Plump free icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 48 × 48
- カテゴリ
- プログラミング
- タグ
- htmlfive、fiveremix、htmlfiveremix
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M5.712 5.705C8.756 5.414 14.719 5 24 5s15.244.414 18.288.705c.402.038.724.373.712.84c-.328 12.048-2.872 22.439-3.776 25.783a3.1 3.1 0 0 1-.677 1.268c-4.697 5.247-10.725 8.09-13.586 9.22c-.622.246-1.3.246-1.922 0c-2.861-1.13-8.89-3.973-13.586-9.22a3.1 3.1 0 0 1-.677-1.268C7.872 28.984 5.328 18.593 5 6.544c-.012-.467.31-.802.712-.84M24 1c-9.4 0-15.49.419-18.669.723c-2.551.243-4.397 2.418-4.33 4.93c.34 12.495 2.97 23.228 3.914 26.719a7.1 7.1 0 0 0 1.558 2.892c5.295 5.915 11.982 9.041 15.096 10.272a6.6 6.6 0 0 0 4.862 0c3.114-1.23 9.801-4.357 15.096-10.272a7.1 7.1 0 0 0 1.558-2.892c.944-3.491 3.574-14.224 3.913-26.718c.069-2.513-1.778-4.688-4.33-4.931C39.49 1.419 33.4 1 24 1m0 5.5c-5.109 0-9.018.201-11.223.351a4.394 4.394 0 0 0-4.08 4.87a66 66 0 0 0 1.494 8.444c.502 2.028 2.322 3.335 4.297 3.335H32.21a60 60 0 0 1-1.435 7.176c-2.47 2.322-5.285 3.862-6.77 4.58h-.003l-.002.001l-.004-.001c-1.579-.763-4.658-2.454-7.228-5.024a2.5 2.5 0 1 0-3.536 3.536c3.136 3.136 6.78 5.116 8.589 5.99a5 5 0 0 0 4.359 0c1.799-.87 5.414-2.834 8.538-5.94c.308-.307.561-.703.7-1.176c.164-.565 1.238-4.353 1.838-9.171c.338-2.72-1.825-4.971-4.43-4.971H14.933a61 61 0 0 1-1.192-6.7c2.193-.138 5.738-.3 10.26-.3c6.288 0 9.076.214 11.249.38c.557.044 1.073.083 1.598.115a2.5 2.5 0 1 0 .306-4.99c-.487-.03-.98-.068-1.522-.11c-2.18-.167-5.142-.395-11.63-.395" clip-rule="evenodd"/></svg>Html Five Remix アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump:html-five-remix" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump:html-five-remix" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump:html-five-remix" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump--html-five-remix]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump -->
<div class="i-streamline-plump:html-five-remix"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump:html-five-remix"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-plump/html-five-remix.svg" alt="Html Five Remix アイコン" width="24" height="24">Plump free icons の関連アイコン
Html Five Remix アイコン のよくある質問
Html Five Remix アイコンは商用利用でも無料ですか?
はい。Plump free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Html Five Remix アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-plump:html-five-remix" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Html Five Remix アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-plump/html-five-remix.svg" alt="Html Five Remix アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。