Dog 48 アイコン
energy-icons:dog-48
Dog 48 アイコン(energy-icons:dog-48)は、Energy Icons セットの無料 SVG アイコンです（作者: Sam Passmore）。 48 × 48 のグリッドで描かれています。 Energy Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Energy Icons
- 作者
- Sam Passmore
- ライセンス
- MIT
- サイズ
- 48 × 48
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" d="M33 14c0-1.592-.763-2.784-2.246-3.632C29.216 9.49 26.914 9 24 9s-5.216.49-6.754 1.368C15.763 11.216 15 12.408 15 14v16c0 2.773.92 5.006 2.457 6.543S21.227 39 24 39s5.006-.92 6.543-2.457S33 32.773 33 30zm2 16c0 3.227-1.08 5.994-3.043 7.957S27.227 41 24 41s-5.994-1.08-7.957-3.043S13 33.227 13 30V14c0-2.408 1.237-4.216 3.254-5.368C18.216 7.51 20.914 7 24 7s5.784.51 7.746 1.632C33.763 9.784 35 11.592 35 14z"/><path fill="currentColor" d="m14.8 24.6l-3 4a1 1 0 0 1-.093.107c-1.13 1.13-2.722 1.882-4.2 1.513C5.867 29.81 5 28.219 5 26c0-3.084.51-6.277 1.876-8.735C8.276 14.745 10.585 13 14 13v2c-2.584 0-4.275 1.254-5.376 3.235C7.49 20.276 7 23.085 7 26c0 1.78.634 2.19.992 2.28c.515.129 1.4-.11 2.257-.946L13.2 23.4zm22.95 2.734c.857.836 1.743 1.075 2.258.946c.358-.09.992-.5.992-2.28c0-2.916-.49-5.724-1.624-7.765C38.276 16.255 36.584 15 34 15v-2c3.416 0 5.725 1.746 7.124 4.265C42.49 19.723 43 22.915 43 26c0 2.219-.866 3.81-2.508 4.22c-1.477.369-3.07-.383-4.199-1.513a1 1 0 0 1-.093-.107l-3-4l1.6-1.2zM19 22.02V22a1 1 0 1 1 2 0v.02a1 1 0 1 1-2 0m8 0V22a1 1 0 1 1 2 0v.02a1 1 0 1 1-2 0M25.5 31a1.5 1.5 0 1 0-3 0a1.5 1.5 0 0 0 3 0m2 0a3.5 3.5 0 1 1-7 0a3.5 3.5 0 0 1 7 0"/></svg>Dog 48 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="energy-icons:dog-48" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="energy-icons:dog-48" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="energy-icons:dog-48" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--dog-48]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:dog-48"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="energy-icons:dog-48"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/energy-icons/dog-48.svg" alt="Dog 48 アイコン" width="24" height="24">Energy Icons の関連アイコン
Dog 48 アイコン のよくある質問
Dog 48 アイコンは商用利用でも無料ですか?
はい。Energy Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Dog 48 アイコンを使うには?
@iconify/react をインストールして <Icon icon="energy-icons:dog-48" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Dog 48 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/energy-icons/dog-48.svg" alt="Dog 48 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。