Home > Net >  How to insert the arrow icon like the picture attached
How to insert the arrow icon like the picture attached

Time:12-14

arrow My teammate create the figma and use the arrow shows in picture. I have no idea how to insert an icon like this.

I try to use the font-awesome 4.7, but it doesn`t look the same enter image description here

CodePudding user response:

You can simply use the image of the arrow with transparent background, as <img> is an inline-block. You may also set the height to 1em to match the font size

CodePudding user response:

Do you have a png file of the arrow icon? I think you can export the arrow icon image directly from Figma. Then you can just use the <img> tag to insert the image.

<img src="images/[insert arrow png file]">

CodePudding user response:

You can also use transform: skewX(-35deg) in your actual image or div to make your image slanted like the image above!

CodePudding user response:

To export a png file from Figma, click on the image and scroll to the bottom of the right sidebar and you'll see 'Export' at the bottom. There you can pick png and export that.

CodePudding user response:

enter code here

<!-- try this-->
<p> I am arrow &#x2190;</p>

  • Related