Dog 1 Solid アイコン
streamline-flex:dog-1-solid
Dog 1 Solid アイコン(streamline-flex:dog-1-solid)は、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
- カテゴリ
- 自然・エコロジー
- タグ
- dogsolid
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="M4.53.666A9.8 9.8 0 0 1 7 .316c.707 0 1.602.114 2.469.35c.86.233 1.74.6 2.379 1.134c.415.348.84.893 1.197 1.502a7.5 7.5 0 0 1 .828 2.03c.16.693.19 1.439-.086 2.071a2 2 0 0 1-.803.924c-.17.105-.376-.02-.396-.218l-.001-.007a24 24 0 0 0-.559-2.832a28 28 0 0 0-.331-1.182l-.022-.07l-.006-.019l-.002-.007a.625.625 0 1 0-1.19.384l.001.004l.005.015l.02.062l.073.244c.062.21.148.514.242.88c.187.73.404 1.699.528 2.67l.125 1.227l.002.206c0 1.573-.395 2.644-1.269 3.279c-.83.604-1.98.72-3.231.72s-2.401-.116-3.232-.72c-.873-.635-1.268-1.706-1.268-3.28q0-.13.004-.264l.143-1.16c.124-.975.341-1.946.53-2.679a26 26 0 0 1 .314-1.123l.02-.062l.004-.015l.002-.004a.625.625 0 1 0-1.19-.383v.001l-.002.005l-.006.019l-.022.07a28 28 0 0 0-.331 1.182c-.196.76-.426 1.787-.559 2.832c-.024.194-.229.312-.394.207a2 2 0 0 1-.773-.906c-.276-.632-.246-1.378-.086-2.071a7.5 7.5 0 0 1 .828-2.03c.356-.609.781-1.154 1.197-1.502c.64-.534 1.519-.9 2.379-1.134Zm.884 8.738a.625.625 0 0 1 .838-.28l.497.25a.5.5 0 0 0 .448 0l.496-.25a.625.625 0 1 1 .56 1.119l-1 .5a.63.63 0 0 1-.56 0l-1-.5a.625.625 0 0 1-.28-.839Zm.184-3.22a.625.625 0 1 0-1.25 0v.5a.625.625 0 1 0 1.25 0zm4 0a.625.625 0 1 0-1.25 0v.5a.625.625 0 1 0 1.25 0z" clip-rule="evenodd"/></svg>Dog 1 Solid アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-flex:dog-1-solid" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-flex:dog-1-solid" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-flex:dog-1-solid" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-flex--dog-1-solid]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-flex -->
<div class="i-streamline-flex:dog-1-solid"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-flex:dog-1-solid"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-flex/dog-1-solid.svg" alt="Dog 1 Solid アイコン" width="24" height="24">Flex free icons の関連アイコン
他のアイコンセットの Dog 1 Solid アイコン
Dog 1 Solid アイコン のよくある質問
Dog 1 Solid アイコンは商用利用でも無料ですか?
はい。Flex free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Dog 1 Solid アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-flex:dog-1-solid" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Dog 1 Solid アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-flex/dog-1-solid.svg" alt="Dog 1 Solid アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。