Dna Flat アイコン
streamline-plump-color:dna-flat
Dna Flat アイコン(streamline-plump-color:dna-flat)は、Plump color icons セットの無料 SVG アイコンです（作者: Streamline）。 48 × 48 のグリッドで描かれています。 Plump color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Plump color icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 48 × 48
- カテゴリ
- 自然・エコロジー
- タグ
- dnaflat
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path fill="#2859c5" d="M25.586 16.586a2 2 0 0 1 2.828 0l3 3a2 2 0 1 1-2.828 2.828l-3-3a2 2 0 0 1 0-2.828m-7 2a2 2 0 0 1 2.828 0l8 8a2 2 0 1 1-2.828 2.828l-8-8a2 2 0 0 1 0-2.828m.828 7a2 2 0 1 0-2.828 2.828l3 3a2 2 0 1 0 2.828-2.828zm19.172-20a2 2 0 0 1 2.828 0l1 1a2 2 0 1 1-2.828 2.828l-1-1a2 2 0 0 1 0-2.828m-30.172 33a2 2 0 1 0-2.828 2.828l1 1a2 2 0 1 0 2.828-2.828z"/><path fill="#8fbffa" fill-rule="evenodd" d="M34.414 34.414c-4.265 4.266-10.068 4.337-15.192 3.617a2 2 0 1 1 .556-3.96c4.885.685 8.961.362 11.808-2.485c3.214-3.214 3.196-7.98 2.195-13.61a126 126 0 0 0-.823-4.101l-.006-.026c-.285-1.345-.573-2.698-.797-3.99c-.44-2.528-.715-5.18-.078-7.408a2 2 0 1 1 3.846 1.099c-.363 1.272-.263 3.12.172 5.623c.212 1.215.485 2.501.775 3.87l.002.01c.288 1.354.59 2.781.847 4.222c1 5.62 1.482 12.353-3.305 17.14m-19.458.817a2 2 0 0 1-2.37 1.542c-1.966-.416-3.742-.78-5.327-.958c-1.602-.18-2.82-.146-3.71.108a2 2 0 0 1-1.098-3.846c1.635-.467 3.465-.438 5.256-.237c1.807.204 3.768.61 5.708 1.02a2 2 0 0 1 1.541 2.371" clip-rule="evenodd"/><path fill="#8fbffa" fill-rule="evenodd" d="M13.586 13.586C17.85 9.32 23.654 9.249 28.778 9.969a2 2 0 1 1-.556 3.96c-4.885-.685-8.961-.362-11.808 2.485c-3.214 3.214-3.196 7.98-2.195 13.61c.243 1.369.533 2.735.823 4.101l.006.026c.285 1.345.573 2.698.797 3.99c.44 2.528.715 5.18.078 7.408a2 2 0 0 1-3.846-1.099c.363-1.272.263-3.12-.172-5.623c-.212-1.215-.485-2.501-.775-3.87l-.002-.01a130 130 0 0 1-.847-4.222c-1-5.62-1.482-12.353 3.305-17.14m19.458-.817a2 2 0 0 1 2.37-1.542c1.966.416 3.742.78 5.327.958c1.602.18 2.82.146 3.71-.108a2 2 0 0 1 1.098 3.846c-1.635.467-3.466.439-5.256.237c-1.807-.203-3.768-.61-5.708-1.02a2 2 0 0 1-1.541-2.371" clip-rule="evenodd"/></g></svg>Dna Flat アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump-color:dna-flat" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump-color:dna-flat" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump-color:dna-flat" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--dna-flat]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:dna-flat"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump-color:dna-flat"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-plump-color/dna-flat.svg" alt="Dna Flat アイコン" width="24" height="24">Plump color icons の関連アイコン
他のアイコンセットの Dna Flat アイコン
Dna Flat アイコン のよくある質問
Dna Flat アイコンは商用利用でも無料ですか?
はい。Plump color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Dna Flat アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-plump-color:dna-flat" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Dna Flat アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-plump-color/dna-flat.svg" alt="Dna Flat アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。