跟随文字

小狗 `dog`

面性风格 · 自然动植物 · 收录于 2026-09-27 · viewBox 0 0 24 24

风格面性粗线线性

16px20px24px32px48px

下载 .svg

关键词

狗小狗宠物 dog puppy

使用代码

SVG 源码

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="currentColor" stroke="none">
  <path fill-rule="evenodd" d="M12 6.1a7.1 7.1 0 1 1 0 14.2 7.1 7.1 0 0 1 0-14.2ZM9.4 11.75a1.05 1.05 0 1 0 0 2.1a1.05 1.05 0 1 0 0 -2.1ZM14.6 11.75a1.05 1.05 0 1 0 0 2.1a1.05 1.05 0 1 0 0 -2.1ZM12 15.6l1.3-1.7h-2.6ZM12.65 17.40L12.65 19.60L11.35 19.60L11.35 17.40Z"/><path d="M6 11.9c-2-.5-3.1-2.5-2.6-4.8 2-.8 4 .1 5.2 1.8Z"/><path d="M18 11.9c2-.5 3.1-2.5 2.6-4.8-2-.8-4 .1-5.2 1.8Z"/>
</svg>

SVG Symbol 用法

<svg width="24" height="24" aria-hidden="true">
  <use href="/sprite.svg#icon-filled-dog"/>
</svg>

React 组件

export default function DogIcon(props) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="1em" height="1em" fill="currentColor" stroke="none" {...props}>
      <path fill-rule="evenodd" d="M12 6.1a7.1 7.1 0 1 1 0 14.2 7.1 7.1 0 0 1 0-14.2ZM9.4 11.75a1.05 1.05 0 1 0 0 2.1a1.05 1.05 0 1 0 0 -2.1ZM14.6 11.75a1.05 1.05 0 1 0 0 2.1a1.05 1.05 0 1 0 0 -2.1ZM12 15.6l1.3-1.7h-2.6ZM12.65 17.40L12.65 19.60L11.35 19.60L11.35 17.40Z"/><path d="M6 11.9c-2-.5-3.1-2.5-2.6-4.8 2-.8 4 .1 5.2 1.8Z"/><path d="M18 11.9c2-.5 3.1-2.5 2.6-4.8-2-.8-4 .1-5.2 1.8Z"/>
    </svg>
  );
}

Vue 组件

<template>
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="1em" height="1em" fill="currentColor" stroke="none">
    <path fill-rule="evenodd" d="M12 6.1a7.1 7.1 0 1 1 0 14.2 7.1 7.1 0 0 1 0-14.2ZM9.4 11.75a1.05 1.05 0 1 0 0 2.1a1.05 1.05 0 1 0 0 -2.1ZM14.6 11.75a1.05 1.05 0 1 0 0 2.1a1.05 1.05 0 1 0 0 -2.1ZM12 15.6l1.3-1.7h-2.6ZM12.65 17.40L12.65 19.60L11.35 19.60L11.35 17.40Z"/><path d="M6 11.9c-2-.5-3.1-2.5-2.6-4.8 2-.8 4 .1 5.2 1.8Z"/><path d="M18 11.9c2-.5 3.1-2.5 2.6-4.8-2-.8-4 .1-5.2 1.8Z"/>
  </svg>
</template>

<script setup>
defineOptions({ name: 'DogIcon' });
</script>