swan emoji
swan from Fluent Emoji High Contrast by Microsoft Corporation · Default · Animals & Nature · MIT Free for personal and commercial use.
- Name
- swan
- Set
- Fluent Emoji High Contrast
- Style
- Default
- Category
- Animals & Nature
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More animals & nature icons from Fluent Emoji High Contrast
Use the swan emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><g fill="currentColor" clip-path="url(#SVGkRCCwb7V6)"><path d="M3.5 8a.5.5 0 1 1 0-1a.5.5 0 0 1 0 1"/><path d="m31.993 18.512l-.276.547l.317.148l-.36 1.575C30.336 26.652 25.045 31 18.75 31h-7.21c-5.633 0-9.891-5.14-8.694-10.658v-.004l1.134-5.175a2.7 2.7 0 0 1-2.357-1.6l-.005-.01l-.953-2.214v-.001A8.1 8.1 0 0 1 0 7.962a8.2 8.2 0 0 1 .304-2.059l.003-.011A6.78 6.78 0 0 1 3.74 1.736l.012-.006a6.87 6.87 0 0 1 5.384-.332c3.17 1.134 5.045 4.454 4.329 7.744L12.456 13.8A8.3 8.3 0 0 1 16 13h7c1.5 0 2.81-.473 3.694-1.347C28.604 9.766 32 11.018 32 13.848v4.033l-.001.17zm-20.12-2.02a8.6 8.6 0 0 0-1.013.923l-.85.9c-.21.217-.58.03-.52-.267l2.02-9.331c.5-2.293-.81-4.636-3.05-5.437a4.87 4.87 0 0 0-3.81.237a4.78 4.78 0 0 0-2.42 2.926A6.2 6.2 0 0 0 2.001 8H5.95l.14-.49a.8.8 0 0 1 .39-.474a.77.77 0 0 1 .62-.04c.36.13.58.515.5.89l-1.57 7.266l-1.23 5.614C3.88 25.006 7.15 29 11.54 29h7.21c5.348 0 9.828-3.687 10.969-8.637l.006-.025C27.583 23.158 24.13 25 20.25 25H15.5c-.28 0-.5-.213-.5-.485c0-.271.22-.485.5-.485h4.75c4.31 0 8.039-2.471 9.75-6.029v-4.154c0-.979-1.2-1.463-1.9-.771C26.76 14.4 24.9 15 23 15h-7c-1.535 0-2.941.573-4.127 1.492M5.664 9h-3.6c.076.529.222 1.049.436 1.545l.95 2.205a.7.7 0 0 0 .63.415a.7.7 0 0 0 .354-.096a.67.67 0 0 0 .316-.428l.74-3.035z"/></g><defs><clipPath id="SVGkRCCwb7V6"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiHighContrastSwan(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><g fill="currentColor" clipPath="url(#SVGkRCCwb7V6)"><path d="M3.5 8a.5.5 0 1 1 0-1a.5.5 0 0 1 0 1"/><path d="m31.993 18.512l-.276.547l.317.148l-.36 1.575C30.336 26.652 25.045 31 18.75 31h-7.21c-5.633 0-9.891-5.14-8.694-10.658v-.004l1.134-5.175a2.7 2.7 0 0 1-2.357-1.6l-.005-.01l-.953-2.214v-.001A8.1 8.1 0 0 1 0 7.962a8.2 8.2 0 0 1 .304-2.059l.003-.011A6.78 6.78 0 0 1 3.74 1.736l.012-.006a6.87 6.87 0 0 1 5.384-.332c3.17 1.134 5.045 4.454 4.329 7.744L12.456 13.8A8.3 8.3 0 0 1 16 13h7c1.5 0 2.81-.473 3.694-1.347C28.604 9.766 32 11.018 32 13.848v4.033l-.001.17zm-20.12-2.02a8.6 8.6 0 0 0-1.013.923l-.85.9c-.21.217-.58.03-.52-.267l2.02-9.331c.5-2.293-.81-4.636-3.05-5.437a4.87 4.87 0 0 0-3.81.237a4.78 4.78 0 0 0-2.42 2.926A6.2 6.2 0 0 0 2.001 8H5.95l.14-.49a.8.8 0 0 1 .39-.474a.77.77 0 0 1 .62-.04c.36.13.58.515.5.89l-1.57 7.266l-1.23 5.614C3.88 25.006 7.15 29 11.54 29h7.21c5.348 0 9.828-3.687 10.969-8.637l.006-.025C27.583 23.158 24.13 25 20.25 25H15.5c-.28 0-.5-.213-.5-.485c0-.271.22-.485.5-.485h4.75c4.31 0 8.039-2.471 9.75-6.029v-4.154c0-.979-1.2-1.463-1.9-.771C26.76 14.4 24.9 15 23 15h-7c-1.535 0-2.941.573-4.127 1.492M5.664 9h-3.6c.076.529.222 1.049.436 1.545l.95 2.205a.7.7 0 0 0 .63.415a.7.7 0 0 0 .354-.096a.67.67 0 0 0 .316-.428l.74-3.035z"/></g><defs><clipPath id="SVGkRCCwb7V6"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><g fill="currentColor" clip-path="url(#SVGkRCCwb7V6)"><path d="M3.5 8a.5.5 0 1 1 0-1a.5.5 0 0 1 0 1"/><path d="m31.993 18.512l-.276.547l.317.148l-.36 1.575C30.336 26.652 25.045 31 18.75 31h-7.21c-5.633 0-9.891-5.14-8.694-10.658v-.004l1.134-5.175a2.7 2.7 0 0 1-2.357-1.6l-.005-.01l-.953-2.214v-.001A8.1 8.1 0 0 1 0 7.962a8.2 8.2 0 0 1 .304-2.059l.003-.011A6.78 6.78 0 0 1 3.74 1.736l.012-.006a6.87 6.87 0 0 1 5.384-.332c3.17 1.134 5.045 4.454 4.329 7.744L12.456 13.8A8.3 8.3 0 0 1 16 13h7c1.5 0 2.81-.473 3.694-1.347C28.604 9.766 32 11.018 32 13.848v4.033l-.001.17zm-20.12-2.02a8.6 8.6 0 0 0-1.013.923l-.85.9c-.21.217-.58.03-.52-.267l2.02-9.331c.5-2.293-.81-4.636-3.05-5.437a4.87 4.87 0 0 0-3.81.237a4.78 4.78 0 0 0-2.42 2.926A6.2 6.2 0 0 0 2.001 8H5.95l.14-.49a.8.8 0 0 1 .39-.474a.77.77 0 0 1 .62-.04c.36.13.58.515.5.89l-1.57 7.266l-1.23 5.614C3.88 25.006 7.15 29 11.54 29h7.21c5.348 0 9.828-3.687 10.969-8.637l.006-.025C27.583 23.158 24.13 25 20.25 25H15.5c-.28 0-.5-.213-.5-.485c0-.271.22-.485.5-.485h4.75c4.31 0 8.039-2.471 9.75-6.029v-4.154c0-.979-1.2-1.463-1.9-.771C26.76 14.4 24.9 15 23 15h-7c-1.535 0-2.941.573-4.127 1.492M5.664 9h-3.6c.076.529.222 1.049.436 1.545l.95 2.205a.7.7 0 0 0 .63.415a.7.7 0 0 0 .354-.096a.67.67 0 0 0 .316-.428l.74-3.035z"/></g><defs><clipPath id="SVGkRCCwb7V6"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-swan {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20fill%3D%22currentColor%22%20clip-path%3D%22url(%23SVGkRCCwb7V6)%22%3E%3Cpath%20d%3D%22M3.5%208a.5.5%200%201%201%200-1a.5.5%200%200%201%200%201%22%2F%3E%3Cpath%20d%3D%22m31.993%2018.512l-.276.547l.317.148l-.36%201.575C30.336%2026.652%2025.045%2031%2018.75%2031h-7.21c-5.633%200-9.891-5.14-8.694-10.658v-.004l1.134-5.175a2.7%202.7%200%200%201-2.357-1.6l-.005-.01l-.953-2.214v-.001A8.1%208.1%200%200%201%200%207.962a8.2%208.2%200%200%201%20.304-2.059l.003-.011A6.78%206.78%200%200%201%203.74%201.736l.012-.006a6.87%206.87%200%200%201%205.384-.332c3.17%201.134%205.045%204.454%204.329%207.744L12.456%2013.8A8.3%208.3%200%200%201%2016%2013h7c1.5%200%202.81-.473%203.694-1.347C28.604%209.766%2032%2011.018%2032%2013.848v4.033l-.001.17zm-20.12-2.02a8.6%208.6%200%200%200-1.013.923l-.85.9c-.21.217-.58.03-.52-.267l2.02-9.331c.5-2.293-.81-4.636-3.05-5.437a4.87%204.87%200%200%200-3.81.237a4.78%204.78%200%200%200-2.42%202.926A6.2%206.2%200%200%200%202.001%208H5.95l.14-.49a.8.8%200%200%201%20.39-.474a.77.77%200%200%201%20.62-.04c.36.13.58.515.5.89l-1.57%207.266l-1.23%205.614C3.88%2025.006%207.15%2029%2011.54%2029h7.21c5.348%200%209.828-3.687%2010.969-8.637l.006-.025C27.583%2023.158%2024.13%2025%2020.25%2025H15.5c-.28%200-.5-.213-.5-.485c0-.271.22-.485.5-.485h4.75c4.31%200%208.039-2.471%209.75-6.029v-4.154c0-.979-1.2-1.463-1.9-.771C26.76%2014.4%2024.9%2015%2023%2015h-7c-1.535%200-2.941.573-4.127%201.492M5.664%209h-3.6c.076.529.222%201.049.436%201.545l.95%202.205a.7.7%200%200%200%20.63.415a.7.7%200%200%200%20.354-.096a.67.67%200%200%200%20.316-.428l.74-3.035z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGkRCCwb7V6%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h32v32H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20fill%3D%22currentColor%22%20clip-path%3D%22url(%23SVGkRCCwb7V6)%22%3E%3Cpath%20d%3D%22M3.5%208a.5.5%200%201%201%200-1a.5.5%200%200%201%200%201%22%2F%3E%3Cpath%20d%3D%22m31.993%2018.512l-.276.547l.317.148l-.36%201.575C30.336%2026.652%2025.045%2031%2018.75%2031h-7.21c-5.633%200-9.891-5.14-8.694-10.658v-.004l1.134-5.175a2.7%202.7%200%200%201-2.357-1.6l-.005-.01l-.953-2.214v-.001A8.1%208.1%200%200%201%200%207.962a8.2%208.2%200%200%201%20.304-2.059l.003-.011A6.78%206.78%200%200%201%203.74%201.736l.012-.006a6.87%206.87%200%200%201%205.384-.332c3.17%201.134%205.045%204.454%204.329%207.744L12.456%2013.8A8.3%208.3%200%200%201%2016%2013h7c1.5%200%202.81-.473%203.694-1.347C28.604%209.766%2032%2011.018%2032%2013.848v4.033l-.001.17zm-20.12-2.02a8.6%208.6%200%200%200-1.013.923l-.85.9c-.21.217-.58.03-.52-.267l2.02-9.331c.5-2.293-.81-4.636-3.05-5.437a4.87%204.87%200%200%200-3.81.237a4.78%204.78%200%200%200-2.42%202.926A6.2%206.2%200%200%200%202.001%208H5.95l.14-.49a.8.8%200%200%201%20.39-.474a.77.77%200%200%201%20.62-.04c.36.13.58.515.5.89l-1.57%207.266l-1.23%205.614C3.88%2025.006%207.15%2029%2011.54%2029h7.21c5.348%200%209.828-3.687%2010.969-8.637l.006-.025C27.583%2023.158%2024.13%2025%2020.25%2025H15.5c-.28%200-.5-.213-.5-.485c0-.271.22-.485.5-.485h4.75c4.31%200%208.039-2.471%209.75-6.029v-4.154c0-.979-1.2-1.463-1.9-.771C26.76%2014.4%2024.9%2015%2023%2015h-7c-1.535%200-2.941.573-4.127%201.492M5.664%209h-3.6c.076.529.222%201.049.436%201.545l.95%202.205a.7.7%200%200%200%20.63.415a.7.7%200%200%200%20.354-.096a.67.67%200%200%200%20.316-.428l.74-3.035z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGkRCCwb7V6%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h32v32H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-high-contrast/swan.svg?color=%231a73e8&size=48
