swan emoji
swan from OpenMoji by OpenMoji · Default · Animals Nature · CC-BY-SA-4.0 Attribution required.
- Name
- swan
- Set
- OpenMoji
- Style
- Default
- Category
- Animals Nature
- Viewbox
- 72×72
- License
- CC BY-SA 4.0
The same emoji in other sets
More animals nature icons from OpenMoji
Use the swan emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#fff" d="M23.842 42.51c22.03-12.565 24.21-.155 27.468-3.31c.995-.963 8.684-3.755 8.684-3.755s-2.75 23.3-12.59 24.916c-7.377 1.212-22.724 2.176-28.035 0c-9.18-3.76-7.165-16.345-5.396-20.54c2.055-4.871 11.438-8.786 9.336-19.302c-.186-.927-.198-2.07-1.279-2.53c-1.523-.647-4.48 3.295-7.426 2.125c0 0 3.792-8.744 6.939-9.734c4.518-1.421 7.863 4.188 8.388 6.822c1.117 5.61-4.291 14.013-4.796 18.1c-.028.22-1.293 7.208-1.293 7.208"/><path fill="#f4aa41" d="M17.763 15.71c-.135 1.285 1.933 2.475 2.163 3.262c.295 1.012-4.196.418-4.196.418s2.143-4.726 2.033-3.68"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M27.199 41.088c3.045-.91 8.483-7.14 19.811-2.8c8.249 3.161 12.984-2.844 12.984-2.844s-2.102 22.349-12.59 24.917c-7.262 1.778-22.724 2.176-28.035 0c-9.18-3.761-8.225-15.492-5.396-20.54c2.911-5.194 10.142-8.579 10.268-19.302"/><path d="M23.77 43.508c.71-12.082 7.066-20.416 6.16-26.307c-.694-4.527-3.773-7.76-8.291-6.337c-3.147.99-7.035 9.249-7.035 9.249c2.947 1.17 7.426-2.124 7.426-2.124M49.612 44.31c-2.133 3.499-11.9 5.306-16.652 5.425"/></g></svg>
React
import type { SVGProps } from "react";
export function OpenmojiSwan(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#fff" d="M23.842 42.51c22.03-12.565 24.21-.155 27.468-3.31c.995-.963 8.684-3.755 8.684-3.755s-2.75 23.3-12.59 24.916c-7.377 1.212-22.724 2.176-28.035 0c-9.18-3.76-7.165-16.345-5.396-20.54c2.055-4.871 11.438-8.786 9.336-19.302c-.186-.927-.198-2.07-1.279-2.53c-1.523-.647-4.48 3.295-7.426 2.125c0 0 3.792-8.744 6.939-9.734c4.518-1.421 7.863 4.188 8.388 6.822c1.117 5.61-4.291 14.013-4.796 18.1c-.028.22-1.293 7.208-1.293 7.208"/><path fill="#f4aa41" d="M17.763 15.71c-.135 1.285 1.933 2.475 2.163 3.262c.295 1.012-4.196.418-4.196.418s2.143-4.726 2.033-3.68"/><g fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2"><path d="M27.199 41.088c3.045-.91 8.483-7.14 19.811-2.8c8.249 3.161 12.984-2.844 12.984-2.844s-2.102 22.349-12.59 24.917c-7.262 1.778-22.724 2.176-28.035 0c-9.18-3.761-8.225-15.492-5.396-20.54c2.911-5.194 10.142-8.579 10.268-19.302"/><path d="M23.77 43.508c.71-12.082 7.066-20.416 6.16-26.307c-.694-4.527-3.773-7.76-8.291-6.337c-3.147.99-7.035 9.249-7.035 9.249c2.947 1.17 7.426-2.124 7.426-2.124M49.612 44.31c-2.133 3.499-11.9 5.306-16.652 5.425"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#fff" d="M23.842 42.51c22.03-12.565 24.21-.155 27.468-3.31c.995-.963 8.684-3.755 8.684-3.755s-2.75 23.3-12.59 24.916c-7.377 1.212-22.724 2.176-28.035 0c-9.18-3.76-7.165-16.345-5.396-20.54c2.055-4.871 11.438-8.786 9.336-19.302c-.186-.927-.198-2.07-1.279-2.53c-1.523-.647-4.48 3.295-7.426 2.125c0 0 3.792-8.744 6.939-9.734c4.518-1.421 7.863 4.188 8.388 6.822c1.117 5.61-4.291 14.013-4.796 18.1c-.028.22-1.293 7.208-1.293 7.208"/><path fill="#f4aa41" d="M17.763 15.71c-.135 1.285 1.933 2.475 2.163 3.262c.295 1.012-4.196.418-4.196.418s2.143-4.726 2.033-3.68"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M27.199 41.088c3.045-.91 8.483-7.14 19.811-2.8c8.249 3.161 12.984-2.844 12.984-2.844s-2.102 22.349-12.59 24.917c-7.262 1.778-22.724 2.176-28.035 0c-9.18-3.761-8.225-15.492-5.396-20.54c2.911-5.194 10.142-8.579 10.268-19.302"/><path d="M23.77 43.508c.71-12.082 7.066-20.416 6.16-26.307c-.694-4.527-3.773-7.76-8.291-6.337c-3.147.99-7.035 9.249-7.035 9.249c2.947 1.17 7.426-2.124 7.426-2.124M49.612 44.31c-2.133 3.499-11.9 5.306-16.652 5.425"/></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%2072%2072%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M23.842%2042.51c22.03-12.565%2024.21-.155%2027.468-3.31c.995-.963%208.684-3.755%208.684-3.755s-2.75%2023.3-12.59%2024.916c-7.377%201.212-22.724%202.176-28.035%200c-9.18-3.76-7.165-16.345-5.396-20.54c2.055-4.871%2011.438-8.786%209.336-19.302c-.186-.927-.198-2.07-1.279-2.53c-1.523-.647-4.48%203.295-7.426%202.125c0%200%203.792-8.744%206.939-9.734c4.518-1.421%207.863%204.188%208.388%206.822c1.117%205.61-4.291%2014.013-4.796%2018.1c-.028.22-1.293%207.208-1.293%207.208%22%2F%3E%3Cpath%20fill%3D%22%23f4aa41%22%20d%3D%22M17.763%2015.71c-.135%201.285%201.933%202.475%202.163%203.262c.295%201.012-4.196.418-4.196.418s2.143-4.726%202.033-3.68%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M27.199%2041.088c3.045-.91%208.483-7.14%2019.811-2.8c8.249%203.161%2012.984-2.844%2012.984-2.844s-2.102%2022.349-12.59%2024.917c-7.262%201.778-22.724%202.176-28.035%200c-9.18-3.761-8.225-15.492-5.396-20.54c2.911-5.194%2010.142-8.579%2010.268-19.302%22%2F%3E%3Cpath%20d%3D%22M23.77%2043.508c.71-12.082%207.066-20.416%206.16-26.307c-.694-4.527-3.773-7.76-8.291-6.337c-3.147.99-7.035%209.249-7.035%209.249c2.947%201.17%207.426-2.124%207.426-2.124M49.612%2044.31c-2.133%203.499-11.9%205.306-16.652%205.425%22%2F%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%2072%2072%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M23.842%2042.51c22.03-12.565%2024.21-.155%2027.468-3.31c.995-.963%208.684-3.755%208.684-3.755s-2.75%2023.3-12.59%2024.916c-7.377%201.212-22.724%202.176-28.035%200c-9.18-3.76-7.165-16.345-5.396-20.54c2.055-4.871%2011.438-8.786%209.336-19.302c-.186-.927-.198-2.07-1.279-2.53c-1.523-.647-4.48%203.295-7.426%202.125c0%200%203.792-8.744%206.939-9.734c4.518-1.421%207.863%204.188%208.388%206.822c1.117%205.61-4.291%2014.013-4.796%2018.1c-.028.22-1.293%207.208-1.293%207.208%22%2F%3E%3Cpath%20fill%3D%22%23f4aa41%22%20d%3D%22M17.763%2015.71c-.135%201.285%201.933%202.475%202.163%203.262c.295%201.012-4.196.418-4.196.418s2.143-4.726%202.033-3.68%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M27.199%2041.088c3.045-.91%208.483-7.14%2019.811-2.8c8.249%203.161%2012.984-2.844%2012.984-2.844s-2.102%2022.349-12.59%2024.917c-7.262%201.778-22.724%202.176-28.035%200c-9.18-3.761-8.225-15.492-5.396-20.54c2.911-5.194%2010.142-8.579%2010.268-19.302%22%2F%3E%3Cpath%20d%3D%22M23.77%2043.508c.71-12.082%207.066-20.416%206.16-26.307c-.694-4.527-3.773-7.76-8.291-6.337c-3.147.99-7.035%209.249-7.035%209.249c2.947%201.17%207.426-2.124%207.426-2.124M49.612%2044.31c-2.133%203.499-11.9%205.306-16.652%205.425%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/openmoji/swan.svg?color=%231a73e8&size=48
