Dog 1 Flat アイコン
streamline-flex-color:dog-1-flat
Dog 1 Flat アイコン(streamline-flex-color:dog-1-flat)は、Flex color icons セットの無料 SVG アイコンです（作者: Streamline）。 14 × 14 のグリッドで描かれています。 Flex color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Flex color icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 14 × 14
- カテゴリ
- 自然・エコロジー
- タグ
- dogflat
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="#8fbffa" d="M7 .316c-.707 0-1.603.114-2.47.35c-.86.233-1.739.6-2.378 1.134c-.416.348-.841.893-1.197 1.502a7.5 7.5 0 0 0-.828 2.03c-.16.693-.19 1.439.086 2.071c.292.67.888 1.125 1.78 1.274l.042.007l.486-.002c-.03.338-.048.675-.048 1.002c0 1.573.395 2.644 1.268 3.279c.83.604 1.982.72 3.232.72s2.401-.116 3.231-.72c.874-.635 1.269-1.706 1.269-3.28c0-.326-.018-.663-.048-1h.54l.042-.006c.891-.149 1.488-.604 1.78-1.274c.276-.632.245-1.378.086-2.071a7.5 7.5 0 0 0-.828-2.03c-.356-.609-.781-1.154-1.197-1.502c-.64-.534-1.52-.9-2.38-1.134A9.8 9.8 0 0 0 7 .316"/><path fill="#2859c5" d="M5.598 6.184a.625.625 0 0 0-1.25 0v.5a.625.625 0 0 0 1.25 0zm4 0a.625.625 0 0 0-1.25 0v.5a.625.625 0 0 0 1.25 0zm-3.345 2.94a.625.625 0 1 0-.56 1.119l1 .5a.63.63 0 0 0 .56 0l1-.5a.625.625 0 1 0-.56-1.118l-.72.36zm6.335-1.014l.04.396a3 3 0 0 1-.621.17l-.042.008l-.54-.002l-.042-.43c-.12-.935-.358-1.866-.543-2.586l-.022-.086a26 26 0 0 0-.315-1.123l-.02-.062l-.005-.016v-.003a.626.626 0 0 1 1.189-.384l.002.007l.006.019l.022.07a28 28 0 0 1 .332 1.182c.195.76.425 1.787.558 2.832zm-10.021.15l-.046.422l-.486.002l-.042-.007a3 3 0 0 1-.661-.188l.048-.387c.133-1.045.363-2.072.558-2.833a28 28 0 0 1 .332-1.181l.022-.07l.006-.019l.001-.005v-.002a.626.626 0 0 1 1.19.383v.004l-.005.016l-.02.062l-.073.243a26 26 0 0 0-.314 1.16c-.18.69-.402 1.543-.51 2.398z"/></g></svg>Dog 1 Flat アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-flex-color:dog-1-flat" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-flex-color:dog-1-flat" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-flex-color:dog-1-flat" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-flex-color--dog-1-flat]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-flex-color -->
<div class="i-streamline-flex-color:dog-1-flat"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-flex-color:dog-1-flat"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-flex-color/dog-1-flat.svg" alt="Dog 1 Flat アイコン" width="24" height="24">Flex color icons の関連アイコン
他のアイコンセットの Dog 1 Flat アイコン
Dog 1 Flat アイコン のよくある質問
Dog 1 Flat アイコンは商用利用でも無料ですか?
はい。Flex color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Dog 1 Flat アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-flex-color:dog-1-flat" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Dog 1 Flat アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-flex-color/dog-1-flat.svg" alt="Dog 1 Flat アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。